*{ margin: 0; padding: 0; box-sizing: border-box; } .full_screen{ width: 100%; height: 100%; position: relative; background: #fff; } #banner{ width: 100%; position: relative; float: left; } .banner .banner_wrapper{ width: 100%; margin: 0 auto; } .work_process_wrapper .our_servicess_wrapper .we_are_expert_wrapper .latest_project_wrapper .creative_team_wrapper .latest_blog_wrapper .testimonial_wrapper{ width: 100%; margin: 0 auto; } .project_content_wrapper,.we_are_expert_content_wrapper,.our_servicess_content_wrapper,.work_process_content_wrapper,.creative_team_content_wrapper,.latest_blog_content_wrapper,.testimonial_content_wrapper,.free_quote_content_wrapper{ position: absolute; width:1085px; height: 500px; top: 50%; transform: translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%); } .we_are_expert_content_wrapper{ height: 577px; overflow: hidden; } .banner .banner_background{ width: 100%; position: relative; float: left; min-height: 500px; background: url("../images/banner.png"); background-repeat: no-repeat; background-position: 0 0; background-attachment: fixed; background-size: 100% 100%; } .banner .header{ width: 100%; position: relative; float: left; top: 0; } .banner .header .second_bar .top_bar{ display: none; } .banner .header .top_bar{ width: 100%; position: relative; overflow: auto; background: #ff0041; } .banner .header .top_bar .logo_text{ width: 594px; position: relative; float: left; padding-top: 8px; } .banner .header .top_bar .logo_text p{ /* width: 200px;*/ color: #fff; display: inline-block; font-family: 'Lato'; font-size: 14px; cursor: pointer; } .banner .header .top_bar .logo_text p a{ width: 200px; color: #fff; font-family: 'Lato'; font-size: 14px; text-decoration: none; } .banner .header .top_bar .logo_text p a:hover{ text-decoration: underline #fff; } .banner .header .top_bar .logo_text p img{ width: 17px; margin-right: 5px; vertical-align: middle; } .banner .header .top_bar .logo_text .aaddress_wrapper{ /* width: 379px;*/ color: #fff; font-family: 'Lato'; font-size: 14px; padding-left: 35px; cursor: pointer; display: inline-block; background: url("../images/telephone_03.png") no-repeat scroll 9px 0; } .banner .header .top_bar .logo_text .address{ } .banner .header .top_bar .logo_text span{ display: inline-block; } .banner .header .top_bar .logo_text span a{ color: #fff; font-family: 'Lato'; font-size: 14px; text-decoration: none; } .banner .header .top_bar .logo_text span a:hover{ text-decoration: underline #fff; } .banner .header .top_bar .logo_text span img{ width: 19px; margin-right: 5px; vertical-align: middle; } .banner .header .top_bar .social_media{ width: 125px; position: relative; float: right; padding-top: 7px; padding-bottom: 7px; } .banner .header .top_bar .social_media a img{ width: 27px; height: 27px; background: #fff; border-radius: 50%; } /*.banner .header .top_bar .social_media img:hover:nth-child(1){ background: #fff url('../images/fb_icon.png')no-repeat;z-index: 10; } .banner .header .top_bar .social_media img:hover:nth-child(2){ background: url('../images/gplus_icon.png')no-repeat; } .banner .header .top_bar .social_media img:hover:nth-child(3){ background: url('../images/inn_icon.png')no-repeat; }*/ .banner .header .top_bar .social_media a .fa{ font: 15px/27px FontAwesome!important; height: 27px; text-align: center; text-rendering: auto; width: 27px; background: #fff; border-radius: 50%; color: #ea0337; cursor: pointer; } .banner .header .top_bar .social_media a:nth-child(1) .fa:hover{ background: #385b9b; color: #fff; } .banner .header .top_bar .social_media a:nth-child(2) .fa:hover{ background: #e02f2f; color: #fff; } .banner .header .top_bar .social_media a:nth-child(3) .fa:hover{ background: #036699; color: #fff; } .banner .header .top_bar .icon_img{ position: relative; float: right; display: none; background: #ff0042; border: 1px solid red; border-radius: 3px; padding: 10px 5px 5px; } .banner .header .second_bar .top_bar .icon_img_second{ position: relative; cursor: pointer; float: right; background: #ff0042; border: 1px solid red; border-radius: 3px; padding: 10px 5px 5px; } /*.banner .header .second_bar .icon_img{ position: relative; float: right; display: none; background: #ff0042; border: 1px solid red; border-radius: 3px; margin-right: 19px; margin-top: 40px; padding: 10px 5px 5px; }*/ .banner .header .top_bar .icon_img:hover ~ second_bar ~ ul.nav_list li a{ display: block; } .banner .header .second_bar{ width: 100%; position: relative; float: left; /* padding-bottom: 8px;*/ /*box-shadow: 0 2px 6px 0px #888888;*/ background: #fff; } .banner .header .fixed-header{ position: fixed; top: 0; z-index: 25; } .our_service_div{ padding-left: 61px; position: relative; } .banner .header .second_bar .secong_logo{ margin-bottom: 0!important; } .head_menu_wrapper{ position: relative; min-height: 109px; } .banner .header .second_bar .logo{ width: 366px; height: 79px; position: relative; margin-bottom: 10px; margin-top: 20px; float: left; } .banner .header .second_bar .logo_image_icon{ margin-bottom: 0px; margin-top: 0px; } .banner .header .second_bar .navigation_list{ margin-top: 27px!important; } .banner .header .second_bar .logo img.in{ } .banner .header .second_bar .nav{ width: 660px; position: relative; float: right; margin-top: 45px; } .banner .header .second_bar .nav ul.nav_list{ display: table; width: 100%; list-style-type: none; } .banner .header .second_bar .nav ul.nav_list li{ display: table-cell; list-style-type: none; font-family: 'Lato'; font-size: 17px; color: #323232; padding: 0 11px; } .banner .header .second_bar .nav ul.nav_list li a{ display: inline-block; list-style-type: none; font-family: 'Lato'; font-size: 16px; font-weight: 400; color: #000; text-decoration: none; } .banner .header .second_bar .nav ul.nav_list li a:hover { color: #ff0041; } .banner .header .second_bar .nav ul.nav_list li.current-menu-item a{ color: #ff0041; } .banner .bottom_bar{ width: 100%; position: absolute; bottom: 0px; background:#ff0041; opacity: 0.8; z-index: 9; } .banner .bottom_bar p.free_quote_text{ display: inline-block; position: relative; vertical-align: middle; font-family: 'Lato'; font-size: 36px; color: #fff; margin-bottom: 16px; margin-top: 18px; /* width:78%;*/ } .banner .bottom_bar a.get_touch{ background: rgba(0, 0, 0, 0) url("../images/srtip_touch_button.png") no-repeat scroll 0 0 ; background-size:100% 100%; color: #fff; display: inline-block; float: right; font-family: "Open Sans"; font-size: 20px; font-weight: 600; height: 65px; margin-top: 4px; line-height:63px; padding: 0px 25px 7px; position: relative; text-align: center; text-decoration: none; } .banner .bottom_bar a.get_touch:hover{ background: rgba(0, 0, 0, 0) url("../images/srtip_touch_button_hover.png") no-repeat scroll 0 0 ; background-size:100% 100%; color: #fff; } .banner .floating_box{ float: left; position: fixed; right: 0; top: 423px; width: 62px; z-index: 99; } .banner .floating_box div a .reqeust_qoute{ background-color: #fe4b79; border-radius: 5px 0 0 5px; position: relative; margin-left: 10px; float: right; white-space: nowrap; width: 54px; height: 36px; transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s; } .banner .floating_box div a .reqeust_qoute img{ padding-left: 17px; padding-top: 7px; float: left; } .banner .floating_box div a .reqeust_qoute span{ width: auto; font-family: 'Arial'; font-size: 0px; color: #fff; position: relative; display: none; display: inline-block; line-height: 35px; overflow: hidden; transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; margin-left: 7px;cursor: pointer; text-decoration: none; } .banner .floating_box div a .reqeust_qoute:hover > span{ font-size: 16px; } .banner .floating_box .reqeust_qoute:hover{ width: 196px; } .banner .floating_box .get_in_touch{ width: 54px; height: 36px; border-radius: 5px 0 0 5px; background-color: #fe4b79; position: relative; float: right; margin-right: 0; margin-left: 148px; margin-top: 15px; transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; } .banner .floating_box .get_in_touch span{ width: auto; font-family: 'Arial'; font-size: 0px; color: #fff; position: relative; display: none; display: inline-block; line-height: 35px; overflow: hidden; transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; margin-left: 7px;cursor: pointer;text-decoration: none; } .banner .floating_box .get_in_touch:hover > span{ font-size: 16px; } .banner .floating_box .get_in_touch:hover{ width: 196px; } .banner .floating_box .get_in_touch img{ padding-left: 17px; padding-top: 7px; float: left; } .banner .floating_box .hire_programer1{ width: 54px; height: 36px; border-radius: 5px 0 0 5px; background-color: #fe4b79; position: relative; float: right; margin-right: 0; margin-left: 148px; margin-top: 15px; transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s; } .banner .floating_box .hire_programer1 span{ width: auto;cursor: pointer; font-family: 'Arial'; font-size: 0px; color: #fff; position: relative; display: none; display: inline-block; line-height: 35px; overflow: hidden; transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; margin-left: 7px;text-decoration: none; } .banner .floating_box .hire_programer1:hover > span{ font-size: 16px; } .banner .floating_box .hire_programer1:hover{ width: 196px; } .banner .floating_box .hire_programer1 img{ padding-left: 17px; padding-top: 7px;float: left; } .banner .floating_box .hire_programer2 img{ padding-left: 17px; padding-top: 4px;float: left; } .banner .floating_box .hire_programer2{ width: 54px; height: 36px; border-radius: 5px 0 0 5px; background-color: #fe4b79; position: relative; float: right; margin-right: 0; margin-left: 148px; margin-top: 15px; transition: 0.5s;-webkit-transition:0.5s;-moz-transition: 0.5s; } .banner .floating_box .hire_programer2 span{ width: auto;cursor: pointer; font-family: 'Arial'; font-size: 0px; color: #fff; position: relative; display: none; display: inline-block; line-height: 35px; overflow: hidden; transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; margin-left: 7px;text-decoration: none; } .banner .floating_box .hire_programer2:hover > span{ font-size: 16px; } .banner .floating_box .hire_programer2:hover{ width: 196px; } .request_qoute_form{ position: relative; /* border: 5px solid lightgray; border-radius: 10px;*/ /* height: 589px; left: 0; line-height: 22px; margin: 0 auto; padding: 10px; position: absolute;*/ /* right: 0; top: 7px;*/ cursor: pointer; width: 100%; /* position: absolute; left: 0;right: 0; top: 0;bottom: 0;*/ } #cboxClose { background: rgba(0, 0, 0, 0) url("../images/close_icon.png") no-repeat scroll 0 0; background-size: 100% 100%; bottom: 7px; color: #444; display: block; position: absolute; right: 8px; text-indent: -9999px; width: 24px; height:24px; } .form_text_p, h2.form_text_p{ font-family: "Lato"; font-size: 25px;font-weight: bold;color: #ff0041;margin-bottom: 15px; } h2.form_text_p{color: #ff0041!important;font-size: 25px!important;} input[type="text"].request_input{ background: #fff none repeat scroll 0 0; border: 1px solid #ff6699; color: #ff0041; cursor: pointer; display: inline-block; margin-bottom: 20px; font-family: "Lato"; font-size: 15px; position: relative; /*margin-right: 17px;*/ line-height: 25px; /* margin: 2px 40px 20px 2px;*/ padding: 6px; width: 90%; } select.request_select{ background: #fff none repeat scroll 0 0; border: 1px solid lightgray; display: block; height: 29px; line-height: 29px; margin: 2px; padding: 0; width: 45%;cursor: pointer;color: #000; } input[type="submit"].submit_form{ text-align: center; width: 20%; margin-top: 10px; color: #fff; border: 1px solid #fff;height: 50px; background: #848484;cursor: pointer; padding: 6px 15px; font-family: "Lato"; font-size: 25px; display:block; margin:10px auto; /*margin-left: 36%;*/ } label{ /*color: cornflowerblue;*/ } textarea.project_text_description{ border: 1px solid #ff6699; height:100px; color: #ff0041; padding: 10px; width: 89%;cursor: pointer; font-family: "Lato"; font-size: 15px; } .request_qoute_form input[type="text"]::-webkit-input-placeholder,.comment_form input[type="text"]::-webkit-input-placeholder,.hire_programmer input[type="text"]::-webkit-input-placeholder{ color: #ff0041; opacity: 1; } .request_qoute_form input[type="text"]:-moz-placeholder, .comment_form input[type="text"]:-moz-placeholder, .hire_programmer input[type="text"]:-moz-placeholder{ /* Firefox 18- */ color: #ff0041; opacity: 1; } .request_qoute_form input[type="text"]::-moz-placeholder, .comment_form input[type="text"]::-moz-placeholder,.hire_programmer input[type="text"]::-moz-placeholder{ /* Firefox 19+ */ color: #ff0041; opacity: 1; } .request_qoute_form input[type="text"]:-ms-input-placeholder,.comment_form input[type="text"]:-ms-input-placeholder,.hire_programmer input[type="text"]:-ms-input-placeholder { color: #ff0041; opacity: 1; } textarea.project_text_description::-webkit-input-placeholder,textarea.comment_form input[type="text"]::-webkit-input-placeholder{ /* Firefox 18- */ color: #ff0041; opacity: 1; } textarea.project_text_description:-moz-placeholder, textarea.comment_form input[type="text"]:-moz-placeholder{ /* Firefox 18- */ color: #ff0041; opacity: 1; } textarea.project_text_description::-moz-placeholder, textarea.comment_form input[type="text"]::-moz-placeholder{ /* Firefox 19+ */ color: #ff0041; opacity: 1; } textarea.project_text_description:-ms-input-placeholder,textarea.comment_form input[type="text"]:-ms-input-placeholder { color: #ff0041; opacity: 1; } .comment_form{ padding: 0px 0 10px 10px; position: relative; right: 0; top: 0; width: 100%; border-radius: 10px;cursor: pointer; /*display: none;*/ } input[type="text"].comment_input, input[type="email"].comment_input{ width: 95%; border: 1px solid #ff6699;padding: 5px; text-align: left;color: #ff0041; font-family: "Lato"; font-size: 16px;cursor: pointer; margin-bottom: 15px; } .enquiry_label{ color: #ff0041; font-family: "Lato";font-size: 16px; } textarea.comment_text{ width: 95%; border: 1px solid #ff6699;padding: 5px; text-align: left;color: #ff0041; font-family: "Lato"; font-size: 16px;cursor: pointer; } input[type="submit"].comment_submit{ text-align: center; width: 129px; margin-top: 10px; color: #fff; border: 1px solid #fff;height: 50px; background: #848484;cursor: pointer; padding: 6px 15px; font-family: "Lato"; font-size: 25px; display:block; margin: 10px auto; /*margin-left: 24%;*/ } .hire_programmer{ /* width: 60%;*/ /* margin: 0 auto;*/ position: relative; cursor: pointer; } .programmer{ margin: 0 auto; width: 100%; position: relative; } .programmer p.hire{ color: #ff0041; display: inline-block; font-family: "Lato"; font-size: 25px; font-weight: bold; line-height: 34px; } .programmer img{ display: inline-block; background: #682773; width: 30px; } .programmer p{ color: #ff0041; display: inline-block; font-family: "Arial"; font-size: 15px; line-height: 34px; } .input_form{ position: relative; width: 100%; padding-bottom: 10px;cursor: pointer; } input[type="text"].programmer_input{ border: 1px solid #ff6699;padding: 5px; text-align: left;color: #ff0041; font-family: "Lato";font-size: 16px; margin: 10px 14px 0 auto; width: 47%; padding: 10px; cursor: pointer; } .want_hire{ color: #ff0041; cursor: pointer; font-family: "Arial"; font-size: 15px; line-height: 34px; position: relative; width: 100%; } .want_hire p.hire_text{ color: #ff0041; font-family: "Arial"; font-size: 16px; font-weight: bold; } input[type="checkbox"].checkbox{ margin-right: 10px; color: #b8b8b8;cursor: pointer; } .requirmente{ position: relative; width: 100%; } .requirmente p{ color: #ff0041; cursor: pointer; font-family: "Arial"; font-size: 15px; line-height: 34px; position: relative; width: 100%; } input[type="text"].require_text{ position: relative;height: 67px; float: left; width: 96%; margin-top: 10px;cursor: pointer;border: 1px solid #ff6699; font-family: "Lato";color: #ff0041; padding: 15px; font-size: 16px;cursor: pointer; } .submit_hire_programmer{ text-align: center; width: 129px; margin-top: 10px; color: #fff; border: 1px solid #fff;height: 50px; background: #848484;cursor: pointer; padding: 6px 15px; font-family: "Lato"; font-size: 25px; margin-left: 38%; } #work_process{ width: 100%; height: 500px; position: relative; float: left; background: url("../images/background_screen_layer.jpg"); background-repeat: no-repeat; background-position: 0 0; background-attachment: fixed; background-size: 100% 100%; } #work_process .work_process_wrapper{ /*width: 100%;*/ margin: 0 auto; } .heading.work_process_heading,.heading.we_are_expert_heading,.heading.our_service_heading,.heading.project_title,.heading.blog_heading,.heading.testimonial_heading_div,.heading.qoute_heading,.heading.team_heading{ position: absolute; } /*.work_process_heading{ margin-top: -1100px; }*/ /*.our_service_heading,.team_heading,.blog_heading,.testimonial_heading_div,.qoute_heading,.we_are_expert_heading{margin-top:-1100px;} */ .project_title{ /*top: -104px;*/ } .heading_process{ position: relative; height: 100px; margin-top: 79px; /* margin-top: -116px;*/ } .heading_expert{ position: relative; height: 100px; margin-top: 30px; /*margin-top: -290px;*/ } .latest_project_heading{ position: relative; height: 100px; } .our_service_heading_div,.latest_project_heading,.latest_blog_heading,.testimonial_heading,.free_qoute_heading,.creative_team_heading{ position: relative; height: 70px; /* margin-top: -300px;*/ } .heading{ position: relative; width: 100%; float: left; /* transition: 0.5s;*/ } .heading p.heading1{ font-family: 'Lato'; font-size: 25px; font-weight: bold; color: #ff0041; text-align: center; /*padding-top: 34px;*/ text-align: center } .heading p.heading2{ font-family: 'Lato'; /* -webkit-font-smoothing: antialiased; -webkit-font-smoothing: subpixel-antialiased;*/ font-size: 18px; font-weight: bold; color: #323232; text-align: center; margin-top: 13px;line-height: 15px; } .heading p.heading2_text{ font-family: 'Lato'; font-size: 18px; color: #fff; text-align: center; margin-top: 17px; font-weight: bold; } #work_process .work_text{ width: 100%; position: relative; float: left; margin-bottom: 60px; } #work_process .work_process_wrapper .work_text ul.work_process_text{ width: 100%; position: relative; } #work_process .work_process_wrapper .work_text ul.work_process_text li{ font-family: 'Lato'; color: #eceff8; display: inline-block; margin-left: 87px; } #work_process .work_process_wrapper .work_text ul.work_process_text li a{ font-family: 'Lato'; font-size: 25px; color: #ff0041; display: inline-block; list-style-type: none; text-decoration: none; } #work_process .work_process_wrapper .work_text ul.work_process_text li a.planning1{ position: absolute; } #work_process .work_process_wrapper .work_text ul.work_process_text li:nth-child(1) a:before{ content: '1'; font-family: 'Lato'; font-size: 200px; color: #eceff8; display: inline-block; list-style-type: none; text-decoration: none; } #work_process .work_process_wrapper .work_text .planning{ width: 16.66%; /* margin-top: 408px;*/ position: relative; height: 306px; float: left; display: inline-block; text-align: center; /* margin-top: 148px;*/ transition:margin 0.5s;-wbkit-transition:margin 0.5s;-moz-transition:margin 0.5s; } #work_process .work_process_wrapper .work_text .planning strong{ font-family: 'Lato'; font-size: 200px; color: #c9d1ea; display: inline-block; /* margin-top: 1100px;*/ position: absolute; left: 50%; transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%); } .planning_text{ bottom: 0; left: 0; position: absolute; right: 0; text-align: center; top: 0; /* top: 600px;*/ /* transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);*/ } span.label_icon{ border: 2px solid red; border-radius: 50%; display: block; left: 50%; margin:85px auto 0; position: absolute; /*margin-top: 463px;*/ transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%); transition: margin 0.5s ease 0s;-webkit-transition: margin 0.5s ease 0s;-moz-transition: margin 0.5s ease 0s; width: 46px; /* top: 489px;*/ cursor: pointer; } span.label_icon img{ width: 100%; display: block; } p.label{ color: #ff0041; display: inline-block; font-family: "Lato"; font-size: 25px; font-weight: normal; left: 50%; margin-top: 142px; position: absolute; /* top:-153px;*/ transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%); transition: margin 0.5s ease 0s;-webkit-transition: margin 0.5s ease 0s;-moz-transition: margin 0.5s ease 0s; cursor: pointer; } #work_process .work_process_wrapper .work_text .planning_text:hover > p.label{ margin-top: 85px; } #work_process .work_process_wrapper .work_text .planning_text:hover > span.label_icon{ margin-top: 142px; } #our_services{ width: 100%; height: 500px; position: relative; float: left; background: url("../images/our_services.jpg"); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: 100% 100%; } .our_servicess_wrapper{ width: 100%; margin: 0 auto; } #our_services img.services_background{ width: 100%; } #our_services .services_screen{ width: 100%; background: rgba(232,232,232,0.7); position: absolute; top: 0px; bottom: 0; } #our_services .services_copy{ width: 100%; position: relative; float: left; margin-top: 16px; /* margin-bottom: 30px;*/ } .service_background_image{ width: 474px;float: left; position: relative; /*margin-top: -1110px;*/ } #our_services .services_copy .service_img{ width: 474px; position:absolute; } #our_services .services_copy a.check_price{ width: 333px; height: 55px; position: absolute; background: #ff0041; border: 1px solid #fff; color: #fff; font-family: 'Lato'; font-size: 19px; left: 50%; margin-top: 164px; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%); opacity: 0.7; text-align: center; text-decoration: none; padding: 17px 12px 12px; } #our_services .services_copy a.check_price:hover{ background: #79b9e5; } #our_services .services_copy p.text_service{ position: absolute; margin-top: 255px; width: 196px; color: #fff; font-family: 'Lato'; font-size: 20px; font-weight: bold; bottom: 15px; left: 10px; } #our_services .services_copy .service_text{ width:55%; position: relative; float: right; } #our_services .services_copy .service_text .service_div:after{ clear: both; } #our_services .services_copy .service_text .service_div,.website_design,.web_development,.logo_design,.maintenance,.marketing,.web_hosting{ /* padding: 0 24px;*/ position: absolute; /* width: 50%; margin-bottom: 17px; float: left; min-height: 155px;*/ } /*.website_design{ top:-264px; } .marketing{ top:-399px; } .web_hosting{ top:-575px; }*/ .website_design,.marketing{ /*margin-top: -1115px;*/ } .web_hosting{ /*margin-top: -1150px;*/ } .web_development,.logo_design{ /*margin-top: 1095px;*/ } .maintenance{ /*margin-top: 1060px;*/ } #our_services .services_copy .web_devlopment_div{ padding: 0 24px; position: relative; width: 50%; /* margin-bottom: 17px;*/ float: left; min-height: 145px; } #our_services .services_copy .service_text .service_div img,.website_design img,.web_development img.logo_design img,.maintenance img,.marketing img,.web_hosting img{ /* width: 34px;*/ float: left; left: 0; margin-right: 15px; position: absolute; } #our_services .services_copy .service_text .service_div h6,.website_design h6,.web_development h6,.logo_design h6,.maintenance h6,.marketing h6,web_hosting h6{ color: #323232; font-family: "Lato"; font-weight: 600; font-size: 18px; margin-bottom: 10px; position: relative; } #our_services .services_copy .service_text .service_div p,.website_design p,.web_development p,.logo_design p,.maintenance p,.marketing p,.web_hosting p{ position: relative; /* float: left;*/ font-family: "Open Sans"; font-size: 14px; font-weight: 400; color: #323232; line-height: 19px; } #our_services .services_copy .service_text .service_div a,.website_design a,.web_development a,.logo_design a,.maintenance a,.marketing a,.web_hosting a{ font-family: "Open Sans"; font-size: 14px; color: #ff0041; line-height: 28px; text-align:left; display: block; text-decoration: none; cursor: pointer; } .redesign_service_div{ margin-top: -33px; } #we_are_expert{ width: 100%; position: relative; float: left; text-align: center; height: 500px; background: url("../images/background_screen_layer.jpg"); background-repeat: no-repeat; background-position: 0 0; background-attachment: fixed; background-size: 100% 100%; } #we_are_expert #owl-demo{ float: left; } .we_are_expert_wrapper{ margin: 0 auto; width: 100%; overflow: hidden; } #we_are_expert .we_are_expert_wrapper .website_service{ position: relative; width: 100%; float: left; margin:19px 0px 0px;text-align: center; } .hospital_icon_div{ /*margin-top: -180px;*/ } .online_shop_icon_div,.medical_icon_div{ /*margin-top: -50px;*/ } .middle_icon_div{ /*top: 500px;*/ } #we_are_expert .we_are_expert_wrapper .website_service .hospitals_div{ width: 20%; position: relative; display: inline-block; padding: 0 38px !important; float: left; margin-bottom: 34px; height: 150px; } #we_are_expert .we_are_expert_wrapper .website_service .doctors_hospitals_div,#we_are_expert .we_are_expert_wrapper .website_service .colleges_div,#we_are_expert .we_are_expert_wrapper .website_service .buisness_div,#we_are_expert .we_are_expert_wrapper .website_service .travels_div,.online_shop_div,.photography_div,.hotels_div,.banks_div,.yoga_div,.medical_store_div{ left: 50%; position: absolute; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); width: 100%; } .colleges_div,.buisness_div,.travels_div,.photography_div,.hotels_div,.banks_div{ /*margin-top: 990px;*/ } /*.doctors_hospitals_div,.online_shop_div,.yoga_div,.medical_store_div{margin-top: -1100px;}*/ #we_are_expert .we_are_expert_wrapper .website_service .docters_div{ width: 25%; position: relative; display: inline-block; padding: 0 38px !important; float: left; margin-bottom: 44px; } #we_are_expert .we_are_expert_wrapper .website_service .circle_div{ width: 127px; height: 127px; position: relative; border-radius: 50%; /* border: 10px solid #ff0041;*/ margin: 0 auto; } #we_are_expert .we_are_expert_wrapper .website_service .circle_div .circle_div_back{ border-radius: 50%; background-color: #242c42; width: 100%; height: 100%; display: table; position: absolute; } #we_are_expert .we_are_expert_wrapper .website_service .circle_div .circle_div_back::before{ position: absolute; z-index: 20; content: ''; top: -1px; left: -1px; bottom: -1px; right: -1px; border: 12px solid #ff0041; border-radius: 50%; } #we_are_expert .we_are_expert_wrapper .website_service .circle_div .circle_back{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; border-radius: 50%; } #we_are_expert .we_are_expert_wrapper .website_service .circle_div .circle_back .circle_div_back div{ color: #fff; vertical-align: middle; padding: 20px; display: table-cell; position: relative; z-index: 19; font-family: 'Lato'; font-size: 14px; text-decoration: none; transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; } #we_are_expert .we_are_expert_wrapper .website_service .circle_div .circle_back .circle_div_back div:hover{ z-index: 25; } #we_are_expert .we_are_expert_wrapper .website_service .circle_div .circle_back .circle_div_back div a{ color: #fff; vertical-align: middle; padding: 8px; text-align: center; position: relative; z-index: 2; font-family: 'Lato'; font-size: 13px; text-decoration: none; } #we_are_expert .we_are_expert_wrapper .website_service .circle_div .circle_back .circle_div_back div a:hover{ z-index: 25; text-decoration: underline #fff; } #we_are_expert .we_are_expert_wrapper .website_service .circle_div .icon{ position: absolute; bottom: 8px; width: 110px; left: 65%; margin-left: -74px; height: 110px; border-radius: 50%; background-color: #ff0041; border: 5px solid #fff; z-index: 20; transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; } #we_are_expert .we_are_expert_wrapper .website_service .circle_div:hover > .icon{ bottom: 110px; } #we_are_expert .we_are_expert_wrapper .website_service .circle_div:hover .circle_back .circle_div_back div{ z-index: 25; } #we_are_expert .we_are_expert_wrapper .website_service .docters_div .website_text,.doctors_hospitals_div .website_text,.colleges_div .website_text,.buisness_div .website_text,.travels_div .website_text,.online_shop_div .website_text,.photography_div .website_text,.hotels_div .website_text,.banks_div .website_text,.yoga_div .website_text,.medical_store_div .website_text{ margin-top: 5px; color: #49575f; text-align: center; font-size: 16px; } #we_are_expert .we_are_expert_wrapper .website_service .docters_div .website_text a,.doctors_hospitals_div .website_text a,.colleges_div .website_text a,.buisness_div .website_text a,.travels_div .website_text a,.online_shop_div .website_text a,.photography_div .website_text a,.hotels_div .website_text a,.banks_div .website_text a,.yoga_div .website_text a,.medical_store_div .website_text a{ font-family: 'Lato'; font-size: 18px; text-decoration: none; color: #323232;font-weight: 600; white-space: nowrap; } #we_are_expert .we_are_expert_wrapper .website_service .icon_circle_div{ float: left; position: relative; width: 100%; } #we_are_expert .we_are_expert_wrapper .website_service .icon_div_circle{ float: left; /*margin-top: 210px;*/ position: relative; width: 100%; } .owl-carousel .owl-stage-outer{ overflow: visible; } #latest_project{ width: 100%; height: 500px; position: relative; float: left; background: url("../images/letest_project.jpg"); background-repeat:repeat; background-position: center center; /*background-attachment: fixed;*/ background-size: 100% 100%; } #latest_project img.project_background{ width: 100%; } .projects_nav{ width: 100%;; position: relative; margin-top: 10px; float: left; } select.project_select_list { background-color: #fff; border: 1px solid #ff0041; border-radius: 4px; bottom: 32px; color: #ff0041; cursor: pointer; left: 0; margin: 8px 0; opacity: 0; padding: 14px 20px; position: absolute; right: 0; top: -9px; width: 100%; display: none; } option{ width: 100%; color: #ff0041; } input[type="text"].project_form{ background: url("../images/form_icon.png")no-repeat right 9px; width: 100%; display: none; font-family: "Lato"; font-size: 18px; padding: 10px;color: #ff0041; border: 1px solid #ff0041; } #latest_project .projects_nav ul.projects_nav_list{ list-style-type: none; display: inline-block; display: table; width: 100%; } #latest_project .projects_nav ul.projects_nav_list li{ font-family: 'Lato'; color: #eceff8; display: table-cell; padding: 0 27px; } #latest_project .projects_nav ul.projects_nav_list li a{ display: inline-block; list-style-type: none; font-family: 'Lato'; font-size: 18px; font-weight: 600; color: #323232; text-decoration: none; } #latest_project .projects_nav ul.projects_nav_list li a:hover{ color: #ff0041; } #latest_project .projects{ width: 100%; position: relative; margin-bottom: 16px; float: left; } .gathbhet_icon,.parikrama_icon,.college_icon,.nettoled_icon,.space_icon,.dentistry_icon,.records_icon,.cloudsolution_icon{ left: 50%; position: absolute; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); width: 100%; } .gathbhet_icon,.space_icon,.cloudsolution_icon,.nettoled_icon{ /*top: -500px;*/ } .parikrama_icon,.college_icon,.dentistry_icon,.records_icon{ /*top: 500px;*/ } .gathbhet_icon_div,.space_icon_div,.nettoled_icon_div,.cloudsolution_icon_div{ /*top: 500px;*/ } .parikrama_icon_div,.college_icon_div,.dentistry_icon_div,.records_icon_div{ /*top: -200px;*/ } .gathbhet_icon_div{ position: relative; margin-top: 57px; text-align: center; width: 33%; display: inline-block; } #latest_project .projects .gathbhet_div{ position: relative; margin-top: 18px; height: 161px; text-align: center; width: 24%; display: inline-block } #latest_project .projects .gathbhet_div .project_image_wrapper img{ width: 126px; /*height: 126px;*/ /* background: #fff; border: 10px solid pink;*/ border-radius: 50%; /* box-shadow: 5px 0 0 rgba(255, 0, 0, 0.5) inset, 0 5px 0 rgba(252, 150, 0, 0.5) inset, -5px 0 0 rgba(0, 255, 0, 0.5) inset, 0 -5px 0 rgba(0, 150, 255, 0.5) inset;*/ padding: 4px; } #latest_project .projects .gathbhet_div .project_image_wrapper{ border-radius: 50%; display: inline-block; position: relative; border-radius: 50%; transition: all 300ms linear 0s;-webkit-transition: all 300ms linear 0s;-moz-transition: all 300ms linear 0s; /*border: 10px solid #ea0337;*/ } .project_image_wrapper::before{ /* border-radius: 50%; transition: all 300ms linear 0s;*/ } #latest_project .projects .gathbhet_div .project_image_wrapper::after{ border-radius: 50%; bottom: 1px; transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg); content: ""; left: 0; position: absolute; right: 0; top: 0; transition: all 300ms linear 0s;-webkit-transition: all 300ms linear 0s;-moz-transition: all 300ms linear 0s;-ms-transition: all 300ms linear 0s; box-shadow: 75px 0 0 rgba(255, 255, 255, 0.01) inset, 0 75px 0 rgba(255, 255, 255, 0.01) inset, -75px 0 0 rgba(255, 255, 255, 0.01) inset, 0 -75px 0 rgba(255, 255, 255, 0.01) inset; -webkit-box-shadow: 75px 0 0 rgba(255, 255, 255, 0.01) inset, 0 75px 0 rgba(255, 255, 255, 0.01) inset, -75px 0 0 rgba(255, 255, 255, 0.01) inset, 0 -75px 0 rgba(255, 255, 255, 0.01) inset; -moz-box-shadow: 75px 0 0 rgba(255, 255, 255, 0.01) inset, 0 75px 0 rgba(255, 255, 255, 0.01) inset, -75px 0 0 rgba(255, 255, 255, 0.01) inset, 0 -75px 0 rgba(255, 255, 255, 0.01) inset; -ms-box-shadow: 75px 0 0 rgba(255, 255, 255, 0.01) inset, 0 75px 0 rgba(255, 255, 255, 0.01) inset, -75px 0 0 rgba(255, 255, 255, 0.01) inset, 0 -75px 0 rgba(255, 255, 255, 0.01) inset; } #latest_project .projects .gathbhet_div:hover .project_image_wrapper:after{ /*transform: rotate(0deg) scale(1.1);-webkit-transform: rotate(0deg) scale(1.1);-moz-transform: rotate(0deg) scale(1.1);-ms-transform: rotate(0deg) scale(1.1);*/ box-shadow: 0px 10px 0 rgba(229,0,0, 0.8) inset, 10px 0px 0px rgba(0,255,0, 0.5) inset, -10px 0 0 rgba(255,255,0, 0.5) inset, 0 -10px 0 rgba(0,133,178, 0.8) inset; -webkit-box-shadow: 0px 10px 0 rgba(229,0,0, 0.8) inset, 10px 0px 0px rgba(0,255,0, 0.5) inset, -10px 0 0 rgba(255,255,0, 0.5) inset, 0 -10px 0 rgba(0,133,178, 0.8) inset; -moz-box-shadow: 0px 10px 0 rgba(229,0,0, 0.8) inset, 10px 0px 0px rgba(0,255,0,0.5) inset, -10px 0 0 rgba(255,255,0, 0.5) inset, 0 -10px 0 rgba(0,133,178, 0.8) inset; -ms-box-shadow: 0px 10px 0 rgba(229,0,0, 0.8) inset, 10px 0px 0px rgba(0,255,0,0.5) inset, -10px 0 0 rgba(255,255,0, 0.5) inset, 0 -10px 0 rgba(0,133,178, 0.8) inset; } /*#latest_project .projects .gathbhet_div:hover .project_image_wrapper img { transform: scale(1.1) rotate(0deg) translate(0px); -webkit-transform: scale(1.1) rotate(0deg) translate(0px); -moz-transform: scale(1.1) rotate(0deg) translate(0px); -ms-transform: scale(1.1) rotate(0deg) translate(0px); -o-transform: scale(1.1) rotate(0deg) translate(0px); }*/ #latest_project .projects .gathbhet_div p{ text-align: center; text-decoration:none; font-family: "Open Sans"; font-size: 16px; font-weight: 700; color: #323232; cursor: pointer; transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s; } #latest_project .projects .gathbhet_div:hover > p{ color: #fff; } .project_screen{ width: 100%; background: rgba(220,222,225,0.8); position: absolute; top: 0px; bottom: 0; } #creative_team{ width: 100%; min-height: 500px; position: relative; float: left; background: url("../images/background_screen_layer.png")no-repeat fixed 0 0; background-size: 100% 100%; } #creative_team .creative_team_wrapper{ width: 1108px; margin: 0 auto; } #creative_team .creative_team_wrapper .creative_team_back{ width: 100%; position: relative; float: left; margin: 38px -9px 15px; } #creative_team .creative_team_wrapper .creative_team_back .team_div{ width: 25%; height: 353px; position: relative; display: inline-block; float: left; padding: 0 17px; text-align: center; -webkit-perspective: 1000px; perspective: 1000px; } #creative_team .creative_team_wrapper .creative_team_back .team_div .creative_team_div{ display: inline-block; left: 0; padding: 0 17px; position: absolute; text-align: center; /* top: -506px ;*/ width: 100%; z-index: 10; backface-visibility: hidden;-webkit-backface-visibility: hidden; transition: transform 1s;-webkit-transition: transform 1s;-moz-transition: transform 1s;-ms-transition: transform 1s; } .creative_first_div,.creative_third_div{ position: absolute; /*margin-top: -1100px;*/ } .creative_second_div, .creative_fourth_div{ position: absolute; /*margin-top: 1100px;*/ } #creative_team .creative_team_wrapper .creative_team_back .team_div .creative_team_div.back{ transform: rotateY(180deg)!important;-webkit-transform: rotateY(180deg)!important;-moz-transform: rotateY(180deg)!important;-ms-transform: rotateY(180deg)!important; } #creative_team .creative_team_wrapper .creative_team_back .team_div .creative_team_div.front+.back{ } #creative_team .creative_team_wrapper .creative_team_back .team_div .creative_team_div.front{ transform: rotateY(0deg)!important;-webkit-transform: rotateY(0deg)!important;-moz-transform: rotateY(0deg)!important;-ms-transform: rotateY(0deg)!important; } /*@keyframes flip{ 0%{transform: rotateY(0deg);} 50%{transform: translateX(-100%) rotateY(-180deg);} 100%{transform: rotateY(0deg);} }*/ #creative_team .creative_team_wrapper .creative_team_back .team_div img.team_images{ width: 180px; position: relative; background: #dadada; border-radius: 50%; /* max-height: 225px;*/ box-shadow: 0 2px 9px 2px #888888;-webkit-box-shadow: 0 2px 9px 2px #888888;-moz-box-shadow: 0 2px 9px 2px #888888;-ms-box-shadow: 0 2px 9px 2px #888888; } #creative_team .creative_team_wrapper .creative_team_back .team_div p{ color: #ff0041; font-family: 'Lato'; font-size: 19px; font-weight: 600; display: block; text-align: center; margin-top: 10px; cursor: pointer; } #creative_team .creative_team_wrapper .creative_team_back .team_div span{ font-family: 'Lato'; font-size: 15px; font-weight: 600; color: #323232 ; display: block; text-align: center; margin-top: 5px; cursor: pointer; } #creative_team .creative_team_wrapper .creative_team_back .team_div .icon_div{ /* width: 260px;*/ display: inline-block; text-align: center; margin-top: 10px; } #creative_team .creative_team_wrapper .creative_team_back .team_div .icon_div img.icon_n{ width: 27px; display: inline-block; margin-left: 7px; background: #dadada; border-radius: 50%; } #creative_team .creative_team_wrapper .creative_team_back .team_div .icon_div img:hover:nth-child(1){ background: url('../images/fb_icon.png')no-repeat; } #creative_team .creative_team_wrapper .creative_team_back .team_div .icon_div img:hover:nth-child(2){ background: url('../images/gplus_icon.png')no-repeat; } #creative_team .creative_team_wrapper .creative_team_back .team_div .icon_div img:hover:nth-child(3){ background: url('../images/skpe_icon.png')no-repeat; } #creative_team .creative_team_wrapper .creative_team_back .team_div .icon_div img:hover:nth-child(4){ background: url('../images/inn_icon.png')no-repeat; } #creative_team .creative_team_wrapper .creative_team_back .team_div .icon_div .fa{ font: 15px/27px FontAwesome!important; height: 27px; text-align: center; text-rendering: auto; width: 27px; background: #dadada; border-radius: 50%; color: #000;margin-right: 7px; cursor: pointer; } #creative_team .creative_team_wrapper .creative_team_back .team_div .icon_div .fa:hover:nth-child(1){ background: #385b9b; color: #fff; } #creative_team .creative_team_wrapper .creative_team_back .team_div .icon_div .fa:hover:nth-child(2){ background: #e02f2f; color: #fff; } #creative_team .creative_team_wrapper .creative_team_back .team_div .icon_div .fa:hover:nth-child(3){ background: #00adef; color: #fff; } #creative_team .creative_team_wrapper .creative_team_back .team_div .icon_div .fa:hover:nth-child(4){ background: #036699; color: #fff; } #latest_blog{ width: 100%; height: 500px; position: relative; float: left; } #latest_blog .latest_blog_wrapper img.latest_blog_background{ width: 100%; } .blog_screen{ width: 100%; position: absolute; top: 0; left: 0; bottom: 0; opacity: 0.8; padding-bottom: 30px; /* background: url("../images/blog_screen_04.png");*/ } .blog_div_wrapper{ width: 1097px; position: relative; float: left; /*margin-top: 1100px;*/ margin-bottom: 5px; margin-top: 20px; } .blog_story_div{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #latest_blog .latest_blog_wrapper .blog_div{ width: 100%; position: relative; margin-left: 86px; padding-bottom: 14px; float: left; } #latest_blog .latest_blog_wrapper .blog_div .icon_n{ width: 160px; position: relative; } #latest_blog .latest_blog_wrapper .blog_div img{ width: 160px; position: relative; border: 5px solid #fbccd9; } #latest_blog .latest_blog_wrapper .blog_div .blog_text{ position: relative; width: 908px; float: right; } #latest_blog .latest_blog_wrapper .blog_div span{ position: relative; color: #ff0041; font-family: 'Lato'; font-weight: 600; font-size: 17px; line-height: 20px; cursor: pointer; } #latest_blog .latest_blog_wrapper .blog_div p{ width: 908px; color: #323232; font-family: 'Lato'; font-size: 14px; font-weight: 600; line-height: 22px; margin-top: 10px; cursor: pointer; } #testimonial{ width: 100%; height: 500px; position: relative; float: left; background: url("../images/testimonial.jpg"); background-repeat: no-repeat; background-position: center center; /*background-attachment: fixed;*/ background-size: cover; } #testimonial img.testimonial_background{ width: 100%; } /*#testimonial .testimonial_screen{ width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.3); }*/ .testimonial_wrapper { /*perspective: 1096px;*/ /*position: relative;*/ } /*@keyframes slide { 0% { opacity:1; -moz-transform:perspective(2000px) rotateY(0deg); -ms-transform: perspective(2000px) rotateY(0deg); transform: perspective(2000px) rotateY(0deg);-webkit-transform: perspective(2000px) rotateY(0deg); } 50% { -moz-transform:perspective(2000px) rotateY(-90deg) rotateZ(15deg); -ms-transform: perspective(2000px) rotateY(-90deg) rotateZ(15deg); transform: perspective(2000px) rotateY(-90deg) rotateZ(15deg);-webkit-transform: perspective(2000px) rotateY(-90deg) rotateZ(15deg); opacity: 0; } 100% { -moz-transform:perspective(2000px) rotateY(0deg); -ms-transform: perspective(2000px) rotateY(0deg); transform: perspective(2000px) rotateY(0deg);-webkit-transform: perspective(2000px) rotateY(0deg);-webkit-transform: perspective(2000px) rotateY(0deg); opacity:1; }*/ @keyframes slide{ 0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;} } /*.pause_animation { -webkit-animation-play-state: paused; animation-play-state: paused; }*/ #testimonial .about_testimonial{ width: 100%; height: 254px; position: relative; float: left; margin-top: 500px; } .bx-wrapper{ margin:0 auto; } .about_testimonial_div{ } .about_testimonial { margin-top:0 !important } .testimonial_slider{ left: 0; margin: 0 ; padding: 0; position: absolute; right: 0; margin-top: 100px; z-index: 10; height:177px; } /*.leftwing_animation { transform-origin: 900px 0px; -webkit-animation-name: slide; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-duration: 6s; animation-name: slide; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-duration: 6s; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; }*/ .leftwing{ transform-origin: 900px 0px;-webkit-transform-origin: 900px 0px;-moz-transform-origin: 900px 0px;-ms-transform-origin: 900px 0px; backface-visibility: hidden;-webkit-backface-visibility: hidden; -webkit-animation-name: slide; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; -webkit-animation-duration: 6s; animation-name: slide; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-duration: 6s; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } #testimonial .testimonial_div{ width: 100%; position: absolute; left: 0; bottom: 0; top: 0; transform: rotateY(0deg);-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg); } #testimonial .testimonial_div:nth-child(2){ opacity: 1; } #testimonial .testimonial_div1{ width: 100%; position: absolute; float: left; top: 0px; transform: rotateY(0deg);-webkit-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-moz-transform: rotateY(0deg); backface-visibility: hidden;-webkit-backface-visibility: hidden; } .bx-wrapper .bx-viewport{ border: none; background: none; box-shadow: none;-webkit-box-shadow:none; /*height: auto!important;*/ } .bx-wrapper .bx-controls-direction a{ display: none; } /*#testimonial:hover .leftwing_animation, #testimonial:hover .fade_in_out { -webkit-animation-play-state: paused; animation-play-state: paused; } @keyframes fade_in_out{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } @keyframes flip_out{ 0% { opacity:0; } 50% { opacity:1; } 100% { opacity:0; } }*/ /*.about_text1{ animation: flip_out 6s infinite; animation-delay: 8s;animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-duration: 6s; }*/ .testimonial_bacgroung_img{ border: 2px solid #fff; border-radius: 50%; display: block; float: left; height: 102px; margin: 0 auto; width: 102px; } img.testimonial_img{ width: 98px; height: 98px; display: inline-block; background: #e6e5e5; float: left; border-radius: 50%; } p.text_about_us{ margin-left: 120px; margin-bottom: 18px; width: 82%; color: #fff; font-family: 'Lato'; font-size: 16px; line-height: 26px; } span.test{ position: relative; /*margin-left: 11%;*/ font-style: italic; /*margin-top: 50px;*/ /*width: 220px;*/ margin-left: 120px; width: 82%; float: left; color: #fff; font-family: 'Lato'; font-size: 16px; /*text-align: center;*/ } p.test_div{ position: relative; /*margin-left: 70%;*/ text-align: left; width: 100%; /*width: 220px;*/ color: #fff; float: left; font-family: 'Lato'; font-size: 16px; } #free_quote{ width: 100%; position: relative; float: left; background: url("../images/free_qoet.jpg"); background-repeat: no-repeat; background-position: center center; /*background-attachment: fixed;*/ background-size: 100% 100%; } .free_quote_wrapper{ width: 100%; margin: 0 auto; } #free_quote .free_quote_wrapper img.free_background{ width: 100%; } .free_quote_screen{ width: 100%; position: absolute; top: 0; left: 0; bottom: 0; /* opacity: 0.8;*/ /* background: url("../images/blog_screen_04.png");*/ } .form_div{ width: 100%; position: relative; float: left; opacity: 0.7; margin-top: 30px; margin-bottom: 28px; margin-left: 86px; text-align: center; } .name_field_text, .website_field_text, .email_field_text, .project_line_field_text,.phone_field_text,.budget_field_text,.company_name_field_text,.coupan_code_field_text{ display: inline-block; float: left; height: 44px; position: relative; width: 50%; } .right_column_field{ bottom: 0; left: 0; position: absolute; right: 0; /*margin-top: -1115px;*/ } .left_column_field{ bottom:0; /*margin-top: 1120px;*/ left: 0; position: absolute; right: 0; } .discription_field_text{ display: inline-block; float: left; height: 87px; position: relative; width: 100%; } .discription_field{ position: absolute; width: 100%; /*margin-top: -1115px;*/ } .discription_field p.discription_p{ width: 16%; color: #ff0041; font-family: 'Lato'; font-size: 15px; font-weight: bold; position: relative; display: inline-block; padding-left: 18px; text-align: left; padding-bottom: 10px; padding-top:30px; float:left; } .form_div p.free_quote_form_text{ width: 32%; color: #ff0041; font-family: 'Lato'; font-size: 15px; font-weight: bold; position: relative; display: inline-block; padding-left: 19px; text-align: left; padding-bottom: 10px; } input[type="text"].free_qoute_input{ width: 66%; height: 35px; margin-bottom: 9px; border: 1px solid rgba(255,0,65,0.3); background: rgba(255, 255, 255, 0.2); } .free_quote_content_wrapper .free_quote_screen textarea.description{ width: 90%; /*float: right;*/ height: 87px; margin-right: 5px; border: 1px solid #ff0041; background: rgba(255, 255, 255, 0.5);opacity: 0.3; } button.submit{ width: 129px; height: 50px; background:#ff0041; border: 1px solid #fff; margin-top: 27px; /* margin-left: 98px;*/ font-family: 'Lato'; font-size: 28px; color: #fff; opacity: 0.8;cursor: pointer; } button.submit:hover{ background: #79b9e5; } #footer{ width: 100%; /*height: 464px;*/ position: relative; float: left; height:auto!important; background: #000; } .footer_wrapper{ width: 100%; margin: 0 auto; } #footer .footer_first{ width: 100%; /*height: 500px;*/ position: relative; float: left; background: #151515; } .footer_links{ /*margin-top: 34px;*/ width: 100%; } /*.footer_links{ margin-top: -300px; } .footer_text_div{ display: block; position: absolute; top: 500px; z-index: 10; }*/ #footer .footer_wrapper .footer_list{ width: 100%; position: relative; display: inline-block; /*margin-top: 16px;*/ } #footer .footer_first .footer_list .footer_list_first{ width: 15%; position: relative; float: left; } span.menu_div{ font-family: 'Lato'; font-size: 20px; font-weight: bold; color: #ff0041; line-height: 3; } span.menu_div1{ font-family: 'Lato'; font-size: 20px; font-weight: bold; color: #ff0041; line-height: 3; } #footer .footer_first .footer_list .footer_list_first ul.ul_list_first{ list-style-type: none; display: block; } #footer .footer_first .footer_list .footer_list_first ul.ul_list_first li{ list-style-type: none; display: block; } #footer .footer_first .footer_list .footer_list_first ul.ul_list_first li a{ list-style-type: none; font-family: 'Lato'; font-size: 16px; color: #fff; text-decoration: none; line-height: 31px; background: url("../images/grtr_icon.png") no-repeat scroll left 4px; padding-left: 16px; } #footer .footer_first .footer_list .footer_list_second{ width: 24%; position: relative; float: left; } #footer .footer_first .footer_list .footer_list_second ul.ul_list_second{ list-style-type: none; display: block; } #footer .footer_first .footer_list .footer_list_second ul.ul_list_second li{ list-style-type: none; display: block; } #footer .footer_first .footer_list .footer_list_second ul.ul_list_second li a{ list-style-type: none; font-family: 'Lato'; font-size: 16px; color: #fff; text-decoration: none; display: inline-block; line-height: 31px; background: url("../images/grtr_icon.png") no-repeat scroll left 8px; padding-left: 16px; } #footer .footer_first .footer_list .footer_list_third{ width: 24%; position: relative; float: left; } #footer .footer_first .footer_list .footer_list_third ul.ul_list_third{ list-style-type: none; display: block; } #footer .footer_first .footer_list .footer_list_third ul.ul_list_third li{ list-style-type: none; display: block; } #footer .footer_first .footer_list .footer_list_third ul.ul_list_third li a{ list-style-type: none; font-family: 'Lato'; font-size: 16px; color: #fff; text-decoration: none; line-height: 31px; background: url("../images/grtr_icon.png") no-repeat scroll left 8px; padding-left: 16px; display: inline-block } #footer .footer_first .footer_list .footer_list_fourth{ width: 31%; position: relative; float: left; margin-left: 20px; } #footer .footer_first .footer_list .footer_list_fourth .find_us_text{ /* width: 335px;*/ position: relative; text-align: justify; } #footer .footer_first .footer_list .footer_list_fourth .find_us_text p{ font-family: 'Lato'; font-size: 18px; color: #fff; } #footer .footer_first .footer_list .footer_list_fourth .find_us_text p a{ font-family: 'Lato'; font-size: 18px; text-decoration: none; cursor: pointer; color: #fff; } #footer .footer_first .footer_list .footer_list_fourth .find_us_text p a:hover{ text-decoration: none; } #footer .footer_first .footer_list .footer_list_fourth .find_us_text img{ padding-left: 5px; padding-right: 5px; } #footer .footer_first .footer_list .footer_list_fourth .find_us_text span{ font-family: 'Lato'; font-size: 14px; word-spacing: -1px; color: #fff; line-height: 29px; /* width: 336px;*/ display: inline-block; padding-left: 25px; margin-top: 15px; margin-bottom: 15px; background: url("../images/location_icon.png")no-repeat; } #footer .footer_first .footer_text{ width: 100%; position: relative; float: left; /*margin-top: 60px;*/ } #footer .footer_first .footer_text span{ font-family: 'Lato'; font-size: 18px; font-weight: bold; color: #ff0041; } #footer .footer_first .footer_text p.addrs_text1{ position: relative; display: inline-block; font-family: 'Lato'; font-size: 15px; color: #fff; margin-right: 18px; line-height: 51px; } #footer .footer_first .footer_text p.addrs_text1 span{ /*background: rgba(0, 0, 0, 0) url("../images/msg_icon.png") no-repeat scroll 0 0;*/ color: #fff; display: inline-block; cursor: pointer; font-family: "Lato"; font-size: 15px; line-height: 14px; margin-left: 10px; margin-right: 18px; padding-left: 23px; position: relative;font-weight: lighter; } #footer .footer_first .footer_text p.addrs_text1 span a{ color: #fff; display: inline-block; cursor: pointer; font-family: "Lato"; font-size: 15px; line-height: 14px; text-decoration: none; position: relative;font-weight: lighter; } #footer .footer_first .footer_text p.addrs_text1 span a:hover{ text-decoration: none; } #footer .footer_first .footer_text p.addrs_text1 span:hover{ text-decoration: underline #fff; } #footer .footer_first .footer_text p.addrs_text2{ position: relative; display: inline-block; font-family: 'Lato'; font-size: 15px; color: #fff; cursor: pointer; margin-right: 18px; line-height: 25px; } #footer .footer_first .footer_text p.addrs_text2 a{ text-decoration: none; display: inline-block; font-family: 'Lato'; font-size: 15px; color: #fff; cursor: pointer; } #footer .footer_first .footer_text p.addrs_text2 a:hover{ text-decoration: none; } #footer .footer_first .footer_text p.addrs_text3{ position: relative; display: inline-block; font-family: 'Lato'; font-size: 15px; color: #fff; cursor: pointer; margin-right: 18px; } #footer .footer_second{ width: 100%; position: relative; float: left; background: #000; } #footer .footer_second .footer_list{ width: 100%; position: relative; display: inline-block; margin-top: 0 !important; } #footer .footer_second .footer_list .footer_second_text{ display: inline-block; margin-top: 22px; position: relative; float: left; width: 40%; text-align: left; /*margin-right: 143px;*/ } #footer .footer_second .footer_list .footer_second_text p{ font-family: 'Lato'; font-size: 15px; color: #fff; display: inline-block; cursor: pointer; } #footer .footer_second .footer_list .footer_second_text2{ position: relative; float: left; margin-top: 22px; width:20%; /*margin-right: 5%;*/ /* margin-right: 143px;*/ } #footer .footer_second .footer_list .footer_second_text2 a p{ display: inline-block; font-family: 'Lato'; font-size: 15px; color: #fff; padding-left: 20px; cursor: pointer; text-decoration:none; } #footer .footer_second .footer_list .footer_second_text3{ position: relative; float: right; text-align:right; /*width:40%;*/ /*margin-left: 100px;*/ margin-top: 10px; width: 220px; margin-right: 110px; } #footer .footer_second .footer_list .footer_second_text3 a img.facebk_icon{ width: 39px; height: 39px; position: relative; display: inline-block; background: #385b9b; border-radius: 50%; margin-right: 10px; text-decoration:none; } #footer .footer_second .footer_list .footer_second_text3 a img.facebk_icon:hover{ background: #ff0041; } #footer .footer_second .footer_list .footer_second_text3 a img.google_icon{ width: 39px; height: 39px; position: relative; margin-right: 10px; display: inline-block; background: #e02f2f; border-radius: 50%; } #footer .footer_second .footer_list .footer_second_text3 a img.google_icon:hover{ background: #ff0041; } #footer .footer_second .footer_list .footer_second_text3 a img.skype_icon{ width: 39px; height: 39px; position: relative; margin-right: 10px; display: inline-block; background: #00adef; border-radius: 50%; } #footer .footer_second .footer_list .footer_second_text3 a img.skype_icon:hover{ background: url("../images/s_icon.png")no-repeat; z-index: 10; } #footer .footer_second .footer_list .footer_second_text3 a img.in_icon{ width: 39px; height: 39px; position: relative; margin-right: 10px; display: inline-block; background: #036699; border-radius: 50%;padding-left: 4px; } #footer .footer_second .footer_list .footer_second_text3 a img.in_icon:hover{ background: #ff0041; } #footer .footer_second .footer_list .footer_second_text3 .facebk{ font: 23px/39px FontAwesome!important; height: 39px; text-align: center; text-rendering: auto; width: 39px; border-radius: 50%; background: #385b9b; color: #fff;margin-right: 10px;cursor: pointer; } #footer .footer_second .footer_list .footer_second_text3 .facebk:hover{ background: #ff0041; color: #fff; } #footer .footer_second .footer_list .footer_second_text3 .gplus:hover{ background: #ff0041; color: #fff; } #footer .footer_second .footer_list .footer_second_text3 .skype:hover{ background: #ff0041; color: #fff; } #footer .footer_second .footer_list .footer_second_text3 .inn:hover{ background: #ff0041; color: #fff; } #footer .footer_second .footer_list .footer_second_text3 .gplus{ font: 23px/39px FontAwesome!important; height: 39px; text-align: center; text-rendering: auto; width: 39px; border-radius: 50%; background: #e02f2f; cursor: pointer; color: #fff;margin-right: 10px; } #footer .footer_second .footer_list .footer_second_text3 .skype{ font: 23px/39px FontAwesome!important; height: 39px; text-align: center; text-rendering: auto; width: 39px; background: #00adef; border-radius: 50%; color: #fff;margin-right: 10px; cursor: pointer; } #footer .footer_second .footer_list .footer_second_text3 .inn{ font: 23px/39px FontAwesome!important; height: 39px; text-align: center; text-rendering: auto; width: 39px; border-radius: 50%; background: #036699; color: #fff;margin-right: 10px; cursor: pointer; } .element_wrapper{ width:1109px; margin:0 auto; } #latest_blog{ background: url("../images/latest_blog_background.jpg"); background-repeat: no-repeat; background-position: center center; /*background-attachment: fixed;*/ background-size: 100% 100%; } .screen_layer{ background: transparent url("../images/blog_screen_04.png") repeat scroll 0% 0%; opacity:0.5; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .screen_layer1{ background: transparent url("../images/blog_screen_04.png") repeat scroll 0% 0%; opacity:0.7; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .screen_layer2{ background: transparent url("../images/blog_screen_04.png") repeat scroll 0% 0%; opacity:0.5; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .banner .header .second_bar .strips{ /* background: url("../images/strips.png")repeat-x;*/ bottom: 0; height: 2px; left: 0; position: absolute; right: 0; } #latest_blog .latest_blog_wrapper .blog_div{ margin-left:0; } .blog_screen{ position: static; } .free_quote_screen{ position: static; } #free_quote .screen_layer{ overflow: auto; } .form_div{ margin-left:0; } .read_wrapper{ /* display: none;*/ float: left; position: relative; width: 100%; } .read_wrapper h3{ text-align: center; color: #666666; font-family: "Lato"; font-size: 25px; font-weight: bold; margin-bottom: 18px; } .read_wrapper p{ font-family: "Arial"; font-size: 14px; padding-right: 20px; text-align: justify; line-height: 19px;color: #666666; } a.requirements_button{ background: #0096ff none repeat scroll 0 0; color: #fff; display: block; font-family: "Lato"; font-size: 18px; line-height: 35px; margin: 5px auto; text-align: center; text-decoration:none; width: 43%; } #cboxContent{ background: #fff none repeat scroll 0 0; } .full_screen> *{ overflow: hidden; } .pagination{ display: inline-block; min-height: 52px; min-width: 19%; margin-top: -20px; /*margin-bottom: 20px;*/ } .pagination_background{ background: url("../images/background_line.png")repeat-x scroll center center; } .pagination .normal{ background: #fff; border: 2px solid #ff0041; border-radius: 50%; color: #ff0041; float: left; font-size: 44px; height: 52px; line-height: 44px; margin-left: 2px; text-align: center; width: 52px;text-decoration: none; } .pagination a:not(.normal){ background: #ff0041 none repeat scroll 0 0; border: 2px solid #ffffff; border-radius: 50%; color: #fff; text-decoration: none; float: left; font-size: 18px; height: 36px; line-height: 30px; margin: 8px 14px 0; text-align: center; width: 36px; } .pagination .next{ /*background: rgba(0, 0, 0, 0) url("../images/pagination_links_back.png") repeat scroll 0 0;*/ margin-left: 52px;float: left; } .pagination .next a{ background: #fff url("../images/next.png") no-repeat scroll 16px center; color: rgba(255, 255, 255, 0); height: 44px; margin: 4px 0 0; width: 44px;border: 2px solid red; } .pagination .previous{ /*background: rgba(0, 0, 0, 0) url("images/pagination_links_back.png") repeat scroll 0 0;*/ margin-right: 52px;float: left; } .pagination .previous a{ background: #fff url("../images/previous.png") no-repeat scroll 10px center; color: rgba(255, 255, 255, 0); height: 44px; margin: 4px 0 0; width: 44px; border: 2px solid red; } #get_in_touch_div{ width: 100%; position: relative; float: left; background: #fff; } #slide{ width: 100%; position: relative; float: left; background: url("../images/first_inner_page_back.jpg")no-repeat fixed 0 0 ; background-size: 100% 100%; } #get_in_touch_div .shirur_branch_address_div{ float: left; margin-top: 73px; position: relative; width: 100%; margin-bottom: 76px; } .heading p.heading1_text{ font-family: 'Lato'; font-size: 25px; font-weight: bold; color: #ff0041; text-align: center; text-align: center; padding-top:10px; } .heading p.heading_text2{ font-family: 'Lato'; font-size: 18px; color: #000; text-align: center; margin-top: 13px;line-height: 15px; } #get_in_touch_div .shirur_branch_address_div .first_branch_address{ width: 50%; position: relative; float: left; } .first_branch,.second_branch,map_location,.form_scroll{ bottom: 0; left: 0; position: absolute; right: 0; top: 0; } #get_in_touch_div .shirur_branch_address_div .first_branch_address .shirur_branch_address{ text-align: center; } #get_in_touch_div .shirur_branch_address_div .first_branch_address .shirur_branch_address .location_icon{ width:80px; background: #eceff7; margin: 0 auto; text-align: center; } #get_in_touch_div .shirur_branch_address_div .first_branch_address .shirur_branch_address img{ padding: 10px; } #get_in_touch_div .shirur_branch_address_div .first_branch_address .shirur_branch_address p{ color: #ff0041; font-family: "lato"; font-size: 26px;margin-top: 15px; } #get_in_touch_div .shirur_branch_address_div .first_branch_address .shirur_branch_address span{ color: #323232; display: block; font-family: "Lato"; font-size: 15px; margin-top: 0px; line-height: 27px; } #get_in_touch_div .shirur_branch_address_div .branch_address_map{ width: 50%; position: relative; float: right; } #get_in_touch_div .shirur_branch_address_div .branch_address_map .shirur_branch_address_map{ text-align: center; box-shadow: 0 0 1px 1px #ff4c79; -webkit-box-shadow: 0 0 1px 1px #ff4c79; } #pune_branch_address_div{ float: left; position: relative; width: 100%; background: rgba(0, 0, 0, 0) url("../images/second_inner_page_back.jpg") no-repeat fixed 0 0; background-size: 100% 100%; } #pune_branch_address_div .pune_branch_address_div_div{ width: 100%; position: relative; float: left; padding-bottom: 57px; padding-top: 45px; } .second_branch_address{ width: 50%; height: 312px; position: relative; float: right; } .second_branch_address .pune_branch_address{ text-align: center; } .second_branch_address .pune_branch_address .location_icon{ width:80px; background: #eceff7; margin: 0 auto; text-align: center; } .second_branch_address .pune_branch_address img{ padding: 10px; } .second_branch_address .pune_branch_address p{ color: #ff0041; font-family: "lato"; font-size: 26px;margin-top: 15px; } .second_branch_address .pune_branch_address span{ color: #323232; display: block; font-family: "Lato"; font-size: 15px; margin-top: 0px; line-height: 27px; } #pune_branch_address_div .second_branch_address_map{ width: 100%; position: relative; float: left; } #pune_branch_address_div .second_branch_address_map .pune_branch_address_map{ text-align: center; box-shadow: 0 0 1px 1px #ff4c79; -webkit-box-shadow: 0 0 1px 1px #ff4c79; } #get_in_touch_form{ width: 100%; position: relative; float: left; background: url("../images/contact_third_slide.jpg")no-repeat fixed 0 0 ; background-size: 100% 100%; } #get_in_touch_form .form_content{ margin-bottom: 75px; margin-top: 109px; position: relative; } .form_feild_div{ position: relative; } .contact_form_text{ position: absolute; } input[type="text"].input_name{ background: #eceff7 none repeat scroll 0 0; border: 1px solid transparent; display: inline-block; padding: 10px 10px 10px 30px; width: 350px;outline: none; font-family: "Lato"; font-size: 18px;color: #323232; background: #eceff7 url("../images/name_icon.png") no-repeat scroll 5px 8px; } .form_content input[type="text"]:focus{ border: 1px solid #ff0041; color: #fff; } textarea.requirement_textarea:focus{ border: 1px solid #ff0041; color: #323232; } input[type="text"].input_email{ background: #eceff7 none repeat scroll 0 0; border: 1px solid transparent; display: inline-block; padding: 10px 10px 10px 30px; width: 350px; font-family: "Lato"; font-size: 18px;color: #323232;margin-left: 12px; background: #eceff7 url("../images/email_icon.png") no-repeat scroll 5px 8px; outline: none; } input[type="text"].input_phone{ background: #eceff7 none repeat scroll 0 0; border: 1px solid transparent; display: inline-block; padding: 10px 10px 10px 30px; width: 350px; font-family: "Lato";outline: none; font-size: 18px;color: #323232;margin-left: 12px; background: #eceff7 url("../images/phone_icon.png") no-repeat scroll 5px 8px; } textarea.requirement_textarea{ background: #eceff7 none repeat scroll 0 0; width: 100%; border: 1px solid transparent; padding: 10px 10px 143px 37px; height: 180px; margin-top: 19px;border: none; font-family: "Lato";outline: none; font-size: 18px;color: #323232; background: #eceff7 url("../images/form_icon_pic.png") no-repeat scroll 5px 8px; } input[type="text"].attachment{ border: 1px solid transparent; padding: 10px 10px 10px 37px; width: 100%; background: #eceff7;outline: none; font-family: "Lato"; font-size: 18px;color: #323232; background: #eceff7 url("../images/form_icon_pic.png") no-repeat scroll 5px 8px; } #pune_map,#shirur_map{ height: 385px; } input[type="submit"].Send_Your_Message{ background: #ff0041 none repeat scroll 0 0; border: medium none; border-radius: 6px; color: #fff; font-family: "Lato"; font-size: 18px; margin-top: 33px; padding: 10px; width: 224px; outline: none;cursor: pointer; } .form_content input[type="text"]::-webkit-input-placeholder{ color: #323232; opacity: 1; } .form_content input[type="text"]:-moz-placeholder{ /* Firefox 18- */ color: #323232; opacity: 1; } .form_content input[type="text"]::-moz-placeholder{ /* Firefox 19+ */ color: #323232; opacity: 1; } .form_content input[type="text"]:-ms-input-placeholder { color: #323232; opacity: 1; } textarea.requirement_textarea::-webkit-input-placeholder{ color: #323232; opacity: 1; } textarea.requirement_textarea:-moz-placeholder{ /* Firefox 18- */ color: #323232; opacity: 1; } textarea.requirement_textarea::-moz-placeholder{ /* Firefox 19+ */ color: #323232; opacity: 1; } textarea.requirement_textarea:-ms-input-placeholder { color: #323232; opacity: 1; } input[type="file"].file{ bottom: 8px;position: absolute; right: 0; } #cboxContent{ border-radius: 10px; } .get_in_touch_form_wrapper,.map_location_wrapper,.branch_address_wrapper{ height: 500px; position: absolute; top: 50%; transform: translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%); width: 1085px; } .single_feat_image_wrapper{ position: relative; float: left; width: 100%; } .single_feat_image_wrapper a{ height: 507px; position: absolute; float: left; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -13%);-webkit-transform: translate(-50%, -13%);-moz-transform: translate(-50%, -13%);-ms-transform: translate(-50%, -13%); } a.single_content_feat_image img{ width: 100%;height: 100%; } h3.blog_heading{ text-align: left; margin-bottom: 10px; line-height: 20px; width: 80%; margin-top: 0; } .blog_post_block h3 a{ color: #ff0041; text-decoration: none; font-family: "Lato"; font-size: 25px; margin-top: 5px; } .floating_form_wrapper{ display: none; } .balloons_set_wrapper_div{ height: 100%; position: relative; } .header_bottom_strip{ display:none; } .featured_image_wrapper, .request_qoute_form_wrapper, .send_comment_form_wrapper, .read_wrapper_form{display:none;} .blog_text_sup{padding-left: 3px;} /************model***************************/ /* The Modal (background) */ .mi_modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } /* Modal Content */ .mi_modal-content { position: relative; background-color: #fefefe; margin: auto; padding: 0; border: 1px solid #888; width: 80%; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s } /* Add Animation */ @-webkit-keyframes animatetop { from {top:-300px; opacity:0} to {top:0; opacity:1} } @keyframes animatetop { from {top:-300px; opacity:0} to {top:0; opacity:1} } /* The Close Button */ .mi_close { color: white; float: right; font-size: 28px; font-weight: bold; } .mi_close:hover, .mi_close:focus { color: #000; text-decoration: none; cursor: pointer; } .mi_modal-header { padding: 2px 16px; background-color: #5cb85c; color: white; } .mi_modal-body {padding: 2px 16px;} .mi_modal-footer { padding: 2px 16px; background-color: #5cb85c; color: white; } div.wpcf7-mail-sent-ok{ position: absolute; bottom: -9px; left: 0; right: 0; } .content_blog_txt { float: left; } .content_blog_txt ul { display: block; padding-bottom: 10px; } .content_blog_txt ul li i { padding: 0px 20px 10px 0px; color: red; font-size: 20px; } /************************responsive.css************************************************/ /*@media all and (max-width: 1200px){ .banner .header .second_bar .nav ul.nav_list{ width: 89%; } .banner .header .top_bar .logo_text{ width: 60%; } .banner .header .top_bar .social_media{ width: 16%; } .banner .header .second_bar .nav{ width: 66%; } .banner .header .second_bar .logo{ width: 33%; } .banner .header .second_bar{ margin-top: 25px; } .banner .bottom_bar p.free_quote_text{ font-size: 28px; } }*/ @media all and (max-width:1130px){ .back_button{ padding:2%; } #testimonial .about_testimonial{ height:auto!important; } #testimonial .testimonial_div{ position:relative; bottom:auto; left:auto; top:auto; } .testimonial_slider{ margin: 100px 0 87px!important; } } @media all and (max-width:1110px){ .element_wrapper{ width: 100%!important;padding: 0 10px; } .banner .bottom_bar p.free_quote_text{ font-size: 27px; } .banner .bottom_bar a.get_touch{ font-size: 23px; } .blog_div_wrapper{ width: 100%!important; } #latest_blog .latest_blog_wrapper .blog_div .blog_text{ width: 100%; } #latest_blog .latest_blog_wrapper .blog_div{ text-align: center; } #latest_blog .latest_blog_wrapper .blog_div img{ margin-top: 25px; } #latest_blog .latest_blog_wrapper .blog_div p{ width: 100%; text-align: justify;line-height: 23px;padding-left: 10px;padding-left: 10px;padding-right: 10px; } input[type="text"].input_name{ width:31.6%; } input[type="text"].input_email{ width:31.6%; margin-left: 2%; } input[type="text"].input_phone{ width:31.6%; margin-left: 2%; } #get_in_touch_form input.input_email[type="email"], #get_in_touch_form input.number_textbox[type="tel"]{ width:31.6%!important; margin-left: 2%!important; } } @media all and (max-width:1121px){ .banner .header .second_bar .nav{ width: 559px; } .banner .header .second_bar .nav ul.nav_list li{ /*padding: 0 2px;*/ } .banner .header .second_bar .nav ul.nav_list li a{ font-size: 14px; } .banner .bottom_bar a.get_touch{ /* width: 20%;*/ } #work_process .work_process_wrapper .work_text .planning .planning_text p{ font-size: 19px; } #footer .footer_second .footer_list .footer_second_text{ /*margin-right: 10%;*/ } } @media all and (max-width:1024px){ .banner .header .top_bar .icon_img{ display: block; } .banner .header > .top_bar{ display: none; } .banner .header .second_bar .top_bar{ display: block; } .banner .header .second_bar .nav{ display: none; } .banner .header .second_bar .nav{ margin-top:13px!important; } .banner .header .second_bar .nav ul.nav_list li a:hover { color: #fff; } .banner .header .second_bar .logo{ /* width: 100%; text-align: center;*/ } .banner .header .second_bar .nav ul.nav_list li a{ display:none; text-align:left; color:#fff;font-family:Lato;font-size:16px; } .banner .header .second_bar .nav ul.nav_list li { display:none; text-align:left;color:#fff;line-height:28px; } .banner .header .second_bar .nav{ display: none; background:#ff0041; opacity:0.7;width:100%;position: absolute;right: 0;top: -39px;left:0; } .banner .header .second_bar .nav{ display: none; background:#ff0041; opacity:0.7;width:100%;position: absolute;right: 0;top:36px;left:0; } .banner .header .second_bar .icon_img{ display: none; } #latest_project .projects_nav ul.projects_nav_list li a{ font-size: 13px; } .banner .floating_box{ /*display: none;*/ } } @media all and (max-width:960px){ #work_process .work_process_wrapper .work_text .planning{ width: 33.33%; } #we_are_expert .we_are_expert_wrapper .website_service .docters_div{ width: 49.33%; } #we_are_expert .we_are_expert_wrapper .website_service .hospitals_div{ width: 49.33%; } #latest_project .projects .gathbhet_div{ width: 49.33%; } #latest_project .projects_nav ul.projects_nav_list li{ padding: 0 24px; } #creative_team .creative_team_wrapper .creative_team_back .team_div img.team_images{ width: auto; } #creative_team .creative_team_wrapper .creative_team_back .team_div{ width: 50%; margin-top: 22px; } #footer .footer_first .footer_list .footer_list_first{ width: 50%; }#footer .footer_first .footer_list .footer_list_second{ width: 50%; }#footer .footer_first .footer_list .footer_list_third{ width: 50%; } #footer .footer_first .footer_list .footer_list_fourth{ width: 50%; } } @media all and (max-width:852px){ #testimonial .about_testimonial{ height:auto!important; } #testimonial .testimonial_div{ position:relative; } .banner .header .top_bar .logo_text p{ display: none; } .banner .header .top_bar .logo_text{ width: 72%; } .banner .header .top_bar .logo_text .aaddress_wrapper{ width: 100%; } .banner .bottom_bar p.free_quote_text{ width: 100%; text-align: center; margin-bottom: 0px; margin-top: 3px; } .banner .bottom_bar span { width: 100%; text-align: center; float: left; /*padding-bottom: 11px;*/ }#testimonial .about_testimonial{ height: 200px; margin-bottom: 27px; margin-top: 29px; } .banner .bottom_bar a.get_touch{ float: none; padding: 0px 25px 7px; } input.project_form[type="text"]{ display: block; } #latest_project .projects_nav ul.projects_nav_list{ display: none; } select.project_select_list{ display: block; } } @media all and (max-width:720px){ .heading p.heading2_text{ font-size: 13px; } #get_in_touch_form input.input_email[type="email"], #get_in_touch_form input.number_textbox[type="tel"]{ width:100%!important; margin-left: 0!important; margin-top:19px!important; } #get_in_touch_div .shirur_branch_address_div .first_branch_address .shirur_branch_address span{ margin-top: 0; } .second_branch_address .pune_branch_address span{ margin-top: 0; } input.input_email[type="text"] { margin-left: 0; width: 100%;margin-top: 19px; } input.input_phone[type="text"] { margin-left: 0; width: 100%;margin-top: 19px; } input.input_name[type="text"] { width: 100%;margin-top: 19px; } input.file[type="file"]{ right: -66px; } input.attachment[type="text"]{ font-size: 17px; } #get_in_touch_form .form_content{ padding-top: 68px; } } @media all and (max-width:640px){ .banner .bottom_bar p.free_quote_text{ font-size: 20px; } .banner .bottom_bar a.get_touch{ width: 117px; font-size:16px; padding: 0px 7px 7px; } #testimonial .testimonial_div span.test{ /*margin-left: 72%;*/ } #testimonial .testimonial_div p.test_div{ margin-left: 62%; } input[type="text"].free_qoute_input{ width: 98%; } textarea.description{ width: 67%!important; } .discription_field p.discription_p{ /*width: 100%!important;*/ } .form_div p.free_quote_form_text{ width: 100%;padding-left: 5px; } .heading p.heading_text2{ line-height: 25px;font-size: 17px; } input.comment_input[type="text"]{ width: 84%; } textarea.comment_text{ width: 84%; } .blog_img img { width: 100%; } #slide .single_content{ width: 95%; } } @media all and (max-width:600px){ .single_content p { clear: both; } #single_page_content h1{ float: left; } .back_button{ padding:3%; } .banner .header .top_bar .social_media{ display: none; } a.requirements_button{ height: 39px; line-height: 15px; padding-top: 10px; width: 100%; } .second_branch_address{ width: 100%; margin-top: 15px; } .heading p.heading2{ font-size: 14px; } .blog_div_wrapper{ margin-top: 0; } #work_process .work_process_wrapper .work_text .planning { width: 49.33%; } #our_services .services_copy .service_text .service_div span{ display: block; } #we_are_expert .we_are_expert_wrapper .website_service{ /*margin: 25px -29px 0;*/ } #we_are_expert .we_are_expert_wrapper .website_service .docters_div{ margin-bottom: 33px; } #we_are_expert .we_are_expert_wrapper .website_service .docters_div .website_text a{ font-size: 18px; } #latest_project .projects .gathbhet_div{ margin-top: 25px; } #latest_project .projects{ margin-bottom: 42px; } #creative_team .creative_team_wrapper .creative_team_back{ margin: 33px -9px 25px; } #creative_team .creative_team_wrapper .creative_team_back .team_div{ margin-bottom: -67px; } #creative_team .creative_team_wrapper .creative_team_back .team_div{ width: 100%; } #latest_blog .latest_blog_wrapper .blog_div span{ font-size: 15px; } #testimonial .testimonial_div{ text-align: left; } #testimonial .testimonial_div p.text_about_us{ padding-left: 20px;text-align: left; } #testimonial .testimonial_div span.test{ /*margin-left: 67%;*/ } #testimonial .testimonial_div p.test_div{ margin-left: 54%; } #testimonial .about_testimonial{ height: 400px; margin-bottom: 27px; margin-top: 29px; } .form_div{ margin-top: 18px; margin-bottom: 34px; } .right_column_field{ position:relative; } .discription_field p.discription_p{ width: 100%; padding-left: 0; } button.submit{ margin-top: 62px; } #footer .footer_first .footer_list .footer_list_first{ width: 100%; text-align: center; }#footer .footer_first .footer_list .footer_list_second{ width: 100%;text-align: center; }#footer .footer_first .footer_list .footer_list_third{ width: 100%;text-align: center; } #footer .footer_first .footer_list .footer_list_fourth{ width: 100%;text-align: left; } #footer .footer_first .footer_list .footer_list_first ul.ul_list_first{ text-align:left; display:inline-block; margin-left: 30px; } #footer .footer_first .footer_list .footer_list_second ul.ul_list_second{ text-align: left;display: inline-block;margin-left: 119px; }#footer .footer_first .footer_list .footer_list_third ul.ul_list_third{ text-align: left;display: inline-block;margin-left: 89px; } span.menu_div{ display: block; } #footer .footer_second .footer_list .footer_second_text{ /*float: none;*/ width:100%; } #footer .footer_second .footer_list .footer_second_text2{ /*float: none;*/ } #footer .footer_second .footer_list .footer_second_text2 p{ display: block;float: none;padding-left: 0!important; line-height: 25px; } #footer .footer_second .footer_list .footer_second_text3{ margin-left: 0; text-align: left; width: 100%;float:left; } #our_services .services_copy .service_text .service_div{ float: none; margin: 0 auto 20px; } #footer .footer_first .footer_list .footer_list_first ul.ul_list_first,#footer .footer_first .footer_list .footer_list_second ul.ul_list_second,#footer .footer_first .footer_list .footer_list_third ul.ul_list_third{ width: 165px; margin: 0 auto!important; } span.menu_div { display: block; margin: 0 auto; text-align: left; width: 165px; } #our_services .services_copy .service_text .service_div{ padding-top: 20px; } #creative_team .creative_team_wrapper .creative_team_back .team_div img.team_images { width: 171px; height: 178px; } #get_in_touch_div .shirur_branch_address_div .first_branch_address{ width: 100%; } #get_in_touch_div .shirur_branch_address_div .branch_address_map{ width: 100%;margin-top: 20px; } .heading p.heading2_text{ line-height: 20px; } #pune_branch_address_div .second_branch_address{ width: 100%; margin-top: 20px; } #pune_branch_address_div .second_branch_address_map{ width: 100%; } } @media all and (max-width:480px){ .form_div_submit_btn{ float: left; position: relative; text-align: center; display: inline-block; width: 100%; margin-top: 25px; } #banner .floating_box{ top: 260px!important; } .blog_post_block h3 a{ float: left; line-height: 35px; } h1, h3{ margin-top: 15px; } h2{ line-height: 30px; } .submit_reset_button{ margin-top: 35px; } .banner .header .top_bar .logo_text .address{ margin-left: 0; } .banner .bottom_bar p.free_quote_text{ font-size: 15px; } .banner .bottom_bar a.get_touch{ font-size: 16px; } #we_are_expert .we_are_expert_wrapper .website_service .docters_div{ width: 100%; } #latest_project .projects .gathbhet_div{ width: 100%; } #we_are_expert .we_are_expert_wrapper .website_service .hospitals_div{ width: 100%; } #testimonial .testimonial_div p.test_div { margin-left: 49%; }#our_services .services_copy .service_img{ width: 100%; } #our_services .services_copy .service_text .service_div{ margin: 0!important; } #our_services .services_copy a.check_price{ width: 93%; }#our_services .services_copy a.check_price{ font-size: 15px; } #our_services .services_copy .service_text .service_div{ } #we_are_expert .we_are_expert_wrapper .website_service .docters_div .website_text a{ font-size: 18px; } .banner .header .top_bar .logo_text .address { margin-top: 7px; } #testimonial .testimonial_div p.text_about_us{ margin: 0 auto 50px; } #testimonial .testimonial_div img{ float: none; } .testimonial_bacgroung_img{ float: none; } /* .element_wrapper { width: 89% !important; }*/ .bx-wrapper .bx-pager{ width: 100% !important; } } @media all and (max-width:400px){ .banner .header .second_bar .logo img.in{ width: 100%; } .banner .header .second_bar .logo{ width: 100%;height: auto; } #footer .footer_first .footer_text p.addrs_text1 span{ margin-left: 0; } #latest_blog .latest_blog_wrapper .blog_div span{ font-size: 12px; } #latest_blog .latest_blog_wrapper .blog_div p{ font-size: 12px; } } @media all and (max-width:350px){ .banner .bottom_bar p.free_quote_text{ font-size: 13px; } } @media all and (max-width:340px){ .banner .header .top_bar .logo_text span{ width: 97%; } #testimonial .about_testimonial{ height: 400px; margin-bottom: 27px; margin-top: 29px; } .pagination .next{ margin-left: 17px; } .pagination .previous{ margin-right: 25px; } } @media all and (max-width:360px){ #work_process .work_process_wrapper .work_text .planning { width: 100%; } .heading p.heading1{ font-size: 20px; } #testimonial .testimonial_div span.test { /*margin-left: 56%;*/ } #testimonial .testimonial_div p.test_div { margin-left: 29%; } #our_services .services_copy .service_text .service_div{ padding-top: 20px; } #our_services .services_copy a.check_price{ height: auto; margin-top: 129px; } #our_services .services_copy p.text_service{ bottom: 42px; font-size: 14px; } .banner .header .top_bar .logo_text span{ width: 92%; } .heading p.heading_text2 { font-size: 16px; line-height: 25px; } #pune_branch_address_div .pune_branch_address_div_div{ padding-bottom: 65px; padding-top: 88px; } #footer .footer_second .footer_list .footer_second_text{ margin-right: 0; } .comment_form{ width: 100%!important; } #cboxClose{ /*right: 53px!important;*/ } .back_button{ padding:4%; } } @media all and (max-width:320px){ .banner .header .second_bar .logo{ width: 100%; } .banner .header .second_bar .logo img.in { width: 100%; } .banner .header .top_bar .logo_text p{ display: none; } .banner .bottom_bar p.free_quote_text{ margin-bottom: -14px; } .banner .bottom_bar{ opacity: 0.9; } .heading p.heading1{ padding-top: 29px; } #work_process .work_process_wrapper .work_text .planning{ height: 184px; } #work_process .work_process_wrapper .work_text .planning .planning_text{ top: 61%; } #our_services .services_copy{ margin-top: 0!important; } #our_services .services_copy .service_img{ margin-bottom: 0; } #testimonial .testimonial_div p.test_div{ margin-left: 28%; } #footer .footer_first .footer_text p.addrs_text2{ width: 68%;line-height: 25px; } #footer .footer_first .footer_text p.addrs_text3{ background: rgba(0, 0, 0, 0) url("../images/sckype.png") no-repeat scroll left 13px;line-height: 33px; } #footer .footer_second .footer_list .footer_second_text2 p{ line-height: 33px; } } /*.parallex{ background-size: auto 107%!important; }*/ .box_shadow{ box-shadow: 0 2px 6px 0 #888888; -webkit-box-shadow:0 2px 6px 0 #888888; z-index: 999; position:relative; } .testimonial_content_wrapper{ height: 300px!important; overflow: visible; } .col-sm-4 { float: left; max-width: 33.33%; height: 252px; text-align: center; padding: 0px 15px; position: relative; margin-bottom: 20px; } .btn_group { width: 35%; margin: 0 auto; } .btn_group .single_btn { width: 150px; height: 50px; display: block; float: left; text-align: center; margin: 0px 10px; } .btn_group .single_btn a{ background-color: #ff0041; color:white; padding: 15px; text-align: center; text-decoration: none; text-transform: uppercase; } .blog_content h3 { /* text-align: center !important;*/ margin-left:65px; margin-top:-30px !important; } .blog_content p { margin-left: 65px; }