/* Custom Fonts -------------------------------------------------- */ @font-face { font-family: 'Replica Std Light'; src: url('replicastd-light-5.eot'); src: local('Replica Std Light'), local('ReplicaStd-Light'), url('replicastd-lightd41d-5.eot?#iefix') format('embedded-opentype'), url('replicastd-light-5.woff2') format('woff2'), url('replicastd-light-5.woff') format('woff'), url('replicastd-light-5.ttf') format('truetype'), url('replicastd-light-5.svg#ReplicaStd-Light') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Replica Std Bold'; src: url('replicastd-bold-5.eot'); src: local('Replica Std Bold'), local('ReplicaStd-Bold'), url('replicastd-boldd41d-5.eot?#iefix') format('embedded-opentype'), url('replicastd-bold-5.woff2') format('woff2'), url('replicastd-bold-5.woff') format('woff'), url('replicastd-bold-5.ttf') format('truetype'), url('replicastd-bold-5.svg#ReplicaStd-Bold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Replica Std Regular'; src: url('replicastd-regular-5.eot'); src: local('Replica Std Regular'), local('ReplicaStd-Regular'), url('replicastd-regulard41d-5.eot?#iefix') format('embedded-opentype'), url('replicastd-regular-5.woff2') format('woff2'), url('replicastd-regular-5.woff') format('woff'), url('replicastd-regular-5.ttf') format('truetype'), url('replicastd-regular-5.svg#ReplicaStd-Regular') format('svg'); font-weight: normal; font-style: normal; } /* General Styles -------------------------------------------------- */ .grecaptcha-badge { display: none; } body { padding-top: 0px; font-family: 'Replica Std Regular'; color:#323232; } h1, h2, h3, h4{font-family: 'Replica Std Bold'; color:#323232;} h1{font-size:26px;} a:hover {text-decoration:none;} a:focus { outline:none; text-decoration: none; } .animated, .animated a, .product_list li, .product_list li span { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.2s; -moz-animation-duration: 0.2s; -ms-animation-duration: 0.2s; -o-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } #wrapper_1{position:relative;} /* Top Header -------------------------------------------------- */ /*#header{background:url(images/rednwhite.jpg) repeat-y center top; position:relative; z-index:2;}*/ #header {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff2500+0,ff2500+35,ffffff+35,ffffff+100 */ background: #ff2500; /* Old browsers */ background: -moz-linear-gradient(left, #ff2500 0%, #ff2500 35%, #ffffff 35%, #ffffff 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #ff2500 0%,#ff2500 35%,#ffffff 35%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #ff2500 0%,#ff2500 35%,#ffffff 35%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2500', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } #header .container{padding-right:0;} .top_header{background:url(top_header_bg-5.jpg) no-repeat center top; background-size:100%; position:relative;} .custom_slider { position: relative; /*z-index: -2;*/} .block_1{position:absolute; top:35px; right:90px; color:#ff2600;} .block_1 span.num{font-family: 'Replica Std Bold';} .block_1 a{color:#ff2600;} .block_2{position:absolute; top:61px; right:0; display:block;} .block_3{position:absolute; top:61px; right:175px; display:block;} .block_3 span{font-family: 'Replica Std Bold';} /* Menu Styles -------------------------------------------------- */ .navbar{background:none; margin-bottom:0;border:none; border-radius:0px;} .navbar-nav { float:right;} .navbar-fixed-top{border:none;} .nav > li > a{color:#6e6e6e; font-family: 'Replica Std Regular';} .nav > li > a:hover, .nav > li > a:focus {color:#ff0000 !important; } .nav > li.active > a, .nav > li > a:hover, .nav > li > a:focus{color:#ff0000 !important; background:none;} .nav > li.active.ci_t > a, .nav > li.ci_t > a:hover, .nav > li.ci_t > a:focus{color:#ff0000 !important; background:none;} /*.nav > li.active.sp_t > a, .nav > li.sp_t > a:hover, .nav > li.sp_t > a:focus{color:#ff0000; background:none;} .nav > li.active.dm_t > a, .nav > li.dm_t > a:hover, .nav > li.dm_t > a:focus{color:#6DCF32; background:none;} .nav > li.active.in_t > a, .nav > li.in_t > a:hover, .nav > li.in_t > a:focus{color:#00d0cb; background:none;}*/ .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color:none !important; border-color:none !important; background:none; color: #ff0000 !important; } .navbar-nav > li > .dropdown-menu { margin-top:0px !important; border-top-left-radius: 0; border-top-right-radius: 0; padding:13px; } .dropdown-menu { background-color: #f0f0f0 !important; border-left:solid 4px #ff0000; } .dropdown-menu li a { color:#5a5a5a !important; padding-top:10px; padding-bottom:10px; padding-left:none!important; font-size: 17px; } .dropdown-menu > li > a { padding:10px 0px 10px 0px;!important; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #ff0000 !important; text-decoration: none; background:none !important; } .dropdown-menu li { border-bottom:1px solid #fff; } .dropdown-menu > li > a:hover { padding-top:10px; padding-bottom:10px; color: #ff0000 !important; } .navbar-toggle { background-color: #acacac; } .navbar-toggle .icon-bar{background-color:#fff;} /* Header Section -------------------------------------------------- */ #box_outside{} .header_section{background:url(header_img1-5.jpg) no-repeat top; background-size:100%; overflow:hidden;} .header_section_155{background:url(header_img_what_we_do-5.jpg) no-repeat top; background-size:100%; overflow:hidden;} .header_section_157{background:url(header_img_why_lavabox-5.jpg) no-repeat top; background-size:100%; overflow:hidden;} .header_section_156{background:url(header_img_why_online-5.jpg) no-repeat top; background-size:100%; overflow:hidden;} .header_section_158{background:url(header_img_about_us-5.jpg) no-repeat top; background-size:100%; overflow:hidden;} .header_section_inner{width:50%; padding-right:10px;} .header_section_inner2{display:none; background:#f3f3f3; overflow:hidden; padding:12px;} .header_section_155 .header_section_inner, .header_section_157 .header_section_inner{width:41%;} .header_section_156 .header_section_inner{width:46%;} .phone_container{background:#f3f3f3; display:none;} .phone_container a{color:#323232;} /* Main Content -------------------------------------------------- */ .main_title{font-size:26px; margin-bottom:15px;} .main_top .container{padding:0;} .main_top .wht_we_do{width:100%; position:relative;} .kk-hide1{display:block;} .kk-hide2{display:none;} .more_btn{background:#323232; color:#fff; padding:3px 10px; text-transform:uppercase; margin-top:10px;} .more_btn:hover{background:#f28b29; color:#fff;} .kk_num{display:none; width:50px; height:50px; margin-right:12px; text-align:center; vertical-align:middle; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; -moz-box-shadow:2px 2px 6px rgba(0,0,0,0.5); -webkit-box-shadow:2px 2px 6px rgba(0,0,0,0.5); -khtml-box-shadow:2px 2px 6px rgba(0,0,0,0.5); box-shadow:2px 2px 6px rgba(0,0,0,0.5); } .product_list{margin:0; padding:0;} .product_list li{list-style:none; display:block; background:#f0f0f0; position:relative;} .product_list li:hover{background:#f28b29;} .product_list li a{display:block; color:#323232;} .product_list li a:hover{color:#fff;} .product_list li span{ display:block; position:absolute; background:#323232; color:#fff; text-align:center; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; } .product_list li:hover span{background:#fff; color:#f28b29;} .case_study{/*background:url(images/casestudy_bg.png) no-repeat top; background-size:100%; overflow:hidden; position:relative;*/} .case_study:hover .more_btn{background:#f28b29; color:#fff;} .case1{background:url(casestudy_bg1_hover-5.png) no-repeat top; background-size:100%; overflow:hidden; position:relative;} .case2{background:url(casestudy_bg_hover-5.png) no-repeat top; background-size:100%; overflow:hidden; position:relative;} .left_bottom{padding-left:17px; padding-top:52px;} .left_bottom h1{color:#ff0000; font-family: 'Replica Std Regular'; margin-top:0; margin-bottom:0; line-height:100%;} .left_bottom h2{color:#323232; font-family: 'Replica Std Regular'; margin-top:0; line-height:42px;} .home_ph{overflow:hidden; font-size:26px; line-height:38px; margin-top:37px; color:#ff0000;} .ph_icon2{width:38px; margin-right:10px; float:left;} .home_ph a{color:#6f6f6f;} .home_mail{overflow:hidden; margin-top:9px; line-height:38px; font-size:26px;} .mail_icon{width:38px; margin-right:10px; float:left;} .mail_icon_hover{position:absolute; top:0; left:0;} .home_mail a{overflow:hidden; color:#ff0000; display:inline-block; position:relative; transition:all 300ms linear; -moz-transition:all 300ms linear; -webkit-transition:all 300ms linear; -ms-transition:all 300ms linear; } .home_mail a:hover, .home_mail:hover a{color:#f07812;} .homepage_form{margin-top:52px;} .homepage_form iframe{min-height:481px;} .contactpage_form{display:block; margin-top:32px;} .txt4{display:none;} .brk2{display:none;} .team_contacts{display:none;} .orange_box{color:#fff; padding:50px 220px 50px 0;} .orange_box h1{font-size:80px; text-transform:uppercase; color:#fff;} .orange_box h2{font-size:33px; text-transform:uppercase; color:#fff;} .orange_box p{font-size:31px; line-height:38px; padding-bottom:18px;} .inner_banner{overflow:hidden; clear:both;} .big_blue_box{background:url(blue_box_bg.jpg) no-repeat center bottom #f4f4f4; padding:50px 0; overflow:hidden;} .big_blue_box h1{color:#ff0000; font-size:40px; text-transform:none; margin-bottom:45px; margin-top:10px; font-family: 'Replica Std Light';} .big_blue_box .bw_box{background:#fff; width:553px; float:left; margin-right:28px; margin-bottom:28px; padding:20px; min-height:237px;} .big_blue_box .bw_box.evenbox{margin-right:0;} .big_blue_box .bw_box h1{font-size:24px; color:#ff0000; text-transform:capitalize; margin-top:5px; margin-bottom:10px; font-family: 'Replica Std Bold';} .big_blue_box .bw_box p{font-size:17px; color:#323232; font-family: 'Replica Std Regular';} .sf_process_block{padding:50px 0;} .sf_process_block .container{/*background:url(images/crm_road.png) no-repeat 0px 100px; position:relative; height:1234px;*/} .sf_process_block h1{font-size:40px; color:#414141;} .prs_box h1{font-size:21px;} .prs_box {font-size:16px;} .sf_process_block .prs1{position:absolute; width:270px; left:65px; top:165px;} .sf_process_block .prs2{position:absolute; width:270px; left:470px; top:165px;} .sf_process_block .prs3{position:absolute; width:270px; left:875px; top:193px;} .sf_process_block .prs4{position:absolute; width:270px; left:875px; top:367px;} .sf_process_block .prs5{position:absolute; width:270px; left:470px; top:480px;} .sf_process_block .prs6{position:absolute; width:268px; left:53px; top:724px; background:#414141; padding:20px;} .sf_process_block .prs7{position:absolute; left:400px; top:724px;} .sf_process_block .prs7 .homepage_form{margin-top:0px;} .sf_process_block .prs6 h1{color:#47a8ff; margin-top:5px;} .sf_process_block .prs6 p{color:#fff;} .sf_process_block .prs6:before{ position:absolute; border-left: 60px dotted transparent; border-right: 60px solid #414141; border-top: 60px dotted transparent; top: 84px; left: 186px; display: inline-block; width:0px; height:0px; transform:rotate(315deg); content:''; } .wlb_block{background:url(wlb_bg-2.jpg) no-repeat center top #f0f0f0; height:650px; padding:50px 0; overflow:hidden;} .wlb_block h1{color:#414141; font-size:40px; text-transform:capitalize; margin-bottom:55px;} .wlb_block .bw_box{background:#fff; width:555px; float:left; margin-right:28px; margin-bottom:28px; padding:20px;} .wlb_block .bw_box.evenbox{margin-right:0;} .wlb_block .bw_box h1{font-size:21px; color:#414141; text-transform:uppercase; margin-top:5px; margin-bottom:10px;} .wlb_block .bw_box p{font-size:16px; color:#414141;} .case3{background:url(casestudy_bg3_hover-2.png) no-repeat top; background-size:100%; overflow:hidden; position:relative;} .mob_ph a{color:#aaa;} .vu_dsk{cursor:pointer;} .orange_block{background:url(orange_block_bg-5.png) no-repeat top; height:550px;} .three_boxes_top{background:#ebebeb; height:675px; padding:75px 0;} .three_boxes_top h1{font-size:40px; margin:0 0 50px 20px;} .three_boxes_top .white_box{background:#fff; padding:20px; float:left; height:420px; position:relative;} .three_boxes_top .col-lg-4.first{padding-left:0;} .three_boxes_top .col-lg-4.last{padding-right:0;} .three_boxes_top p{font-size:17px;} .three_boxes_top .white_box .white_top{height:130px;} .three_boxes_top .white_box .white_top .white_left{float:left; width:60%;} .three_boxes_top .white_box .white_top .white_right{float:right;} .three_boxes_top .white_box .white_inner{float:left; clear:both; font-size:17px; line-height:22px;} .three_boxes_top .white_box .white_top h2{text-transform:uppercase; font-size:28px; margin:10px 0;} .three_boxes_top .white_box .white_top h3{font-size:16px; color:#646464; text-transform:uppercase; margin:10px 0;} .three_boxes_top .white_box .more_btn{position:absolute; bottom:30px; font-size:14px; font-family: 'Replica Std Bold'; background:#ff4b00; padding:5px 20px;} .three_boxes_top .white_box .more_btn:hover{background:#323232;} /* career Intro */ .career_intro{padding:40px 0 40px;} .career_txt{font-size:36px; color:#646464; line-height:40px;} .career_txt .action_btn{background:#ff8c00; display:inline-block; padding:15px 30px; color:#fff; font-size:28px; line-height:30px; position:relative; height:60px; margin-top:60px;} .career_txt .action_btn:after{ position:absolute; right:-40px; top:0; width:0; height:0; border-left:40px solid #ff8c00; border-top:30px solid transparent; border-bottom:30px solid transparent; content:""; } .career_vid{text-align:center;} .career_vid iframe { max-width: 100%; margin:0 auto; } .career_red_title{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0000+1,ff8c00+100 */ background: #ff0000; /* Old browsers */ background: -moz-linear-gradient(left, #ff0000 1%, #ff8c00 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #ff0000 1%,#ff8c00 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #ff0000 1%,#ff8c00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#ff8c00',GradientType=1 ); /* IE6-9 */ padding:30px 0px; position:relative; font-size:36px; color:#fff; line-height:40px; text-align:center; margin-bottom:0px;} .career_red_title2{padding:50px 30px;} .career_intro p { font-size:20px; line-height:30px; } .or-r { padding: 9px; background: url(hire-bg-5.png) no-repeat center top; border-radius: 10px; margin-left: -66px; font-size: 11px; margin-top: 10px; position: absolute; font-weight: normal; color: #fff; width: 100%; text-transform: capitalize; text-align: center; max-width: 73px; height: 26px; line-height: 21px; }/*.career_red_title:after{ position:absolute; left:50%; margin-left:-25px; bottom:-35px; width:0; height:0; border-top:35px solid #ff0000; border-left:30px solid transparent; border-right:30px solid transparent; content:""; } */ .career_item{padding:40px 0; border-bottom:2px solid #dcdcdc;} .career_item h1{font-size:36px; color:#ff0000; line-height:40px;} .career_item p{font-size:22px; color:#323232; line-height:26px;} .career_item img{max-width:100%; height:auto;} .career_desc{padding-top:20px;} .career_desc2{padding-left:200px;} .lavabox_career{ background:#FFBE00; text-align:center; padding-bottom:30px;} .lava_career_help{display:inline-block; vertical-align:top; margin:20px 30px; text-align:left; width:315px; height: 400px; padding:20px; } .lava_career_help h1{font-size:30px; color:#ff0000; line-height:33px;} .lava_career_help p{font-size:16px; color:#323232;} /*.lava_career_help p:hover{color:#fff;}*/ .lava_career_help td:last-child{padding-left:12px;} /*.lava_career_help:hover { background:rgba(43,43,43,0.3); padding:20px; border-radius:4px; width: 315px; color:#fff; } .lava_career_help:hover h2 {color:#fff;} .lava_career_help:hover p {color:#fff;}*/ .salesforce_content { background: #fff; padding: 50px 0px; } .salesforce_content .container p { text-align: center; font-size: 26px; color: #323232; line-height: 33px; } .our_value { background: #fcfcfc; padding: 50px 0px; } .our_value .container { width: 732px; margin: auto; } .about_side h3 { font-size: 50px; margin: 0px 0px 40px 40px; color: #ff0000; font-family: 'Replica Std Light'; } .ov_wrap .grey_box5 { background: #f0f0f0; position: relative; padding: 20px; margin-bottom: 8px; border-left: #0066ff 9px solid; } .ov_wrap .grey_box5 h1 { font-size: 19px; color: #ff0000; margin: 0 0 5px 0; } .ov_wrap .grey_box5 p { font-size: 18px; line-height: 22px; color: #323232; } .ov_wrap .grey_box5 p:last-child { margin-bottom: 0; } .ov_wrap .grey_box5:nth-child(even) { border-left: #00b4ff 9px solid; } .btm_top { background: #f5f5f5; background: -moz-linear-gradient(left, #f5f5f5 0%, #f5f5f5 60%, #e9e9e9 60%, #e9e9e9 60%, #e9e9e9 100%); background: -webkit-linear-gradient(left, #f5f5f5 0%,#f5f5f5 60%,#e9e9e9 60%,#e9e9e9 60%,#e9e9e9 100%); background: linear-gradient(to right, #f5f5f5 0%,#f5f5f5 60%,#e9e9e9 60%,#e9e9e9 60%,#e9e9e9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e9e9e9',GradientType=1 ); padding: 0px 0px 40px; } .about_bottom { margin-top: 33px; margin-right: 10px; padding-top: 25px; } .left_bottom p { font-size: 29px; line-height: 36px; } .home_ph { font-size: 35px; line-height: 55px; margin-top: 37px; color: #6f6f6f; font-family: 'Replica Std Light'; } .ph_icon2 { width: 59px; margin-right: 10px; float: left; } .home_request { font-size: 35px; line-height: 55px; margin-top: 37px; color: #6f6f6f; font-family: 'Replica Std Light'; } .request { width: 59px; margin-right: 10px; float: left; } .main_top { display:none; } .btm_top { margin-top: -30px; } /* Media Queries -------------------------------------------------- */ @media (min-width: 768px) { .container { width: 750px; } #header { -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); height: 92px; position: relative; z-index: 9; } .top_header{ height: 92px; background-size: 779px; background-position: -85px top; } .main_logo{width:152px; margin-top:16px; margin-left:0px;} .block_1{font-size:20px; top:36px;} .block_2{width:100px; top:35px;} .dl-menuwrapper{display:none;} .navbar{height:40px; min-height:40px;} .nav > li > a{font-size:14px; padding:15px 10px 5px;} .or-r {margin-top: 5px; margin-left:-58px} .navbar-collapse{padding-left:0; padding-right:0;} .nav > li.first > a{padding-left:1px;} #box_outside .container{ padding-right: 0px; padding-left: 0px; margin-top:20px; } .header_section{padding:15px;} .header_section h1{font-size:20px; line-height:26px; margin-top:7px;} .header_section p{font-size:14px; line-height:17px; margin-top:20px;} .header_section_158 .header_section_inner p{margin-bottom:0; margin-top:10px;} .header_section_158 .header_section_inner{width:41%;} .header_section_1{height:211px;} .header_section_155{height:233px;} .header_section_156{height:231px;} .header_section_157{height:186px;} .header_section_158{height:186px;} /*.home_ph{font-size:21px; line-height:32px; margin-top:17px;}*/ /*.ph_icon2{width:32px; margin-right:8px;}*/ .home_mail{font-size:21px; line-height:32px; margin-top:9px; } .mail_icon{width:32px; margin-right:8px;} .main_title{font-size:21px; margin-bottom:15px; margin-left:16px;} /* Contact */ .contact .col-xs-12{padding-left:0; padding-right:0;} .contact_num{margin-top:30px; padding-left:15px;} .contact_num .txt1{font-size:26px; line-height:30px; margin-bottom:20px;} .contact_num .txt2{font-size:21px; margin-bottom:0;} .contact_num .txt3{font-size:21px; display:none;} .contact_num h1{font-size:40px; margin-top:0; padding-top:0; margin-bottom:12px;} .contact_details{border-top:10px solid #f0f0f0; margin-right:12px; margin-top:20px; padding-left:15px;} .contact_details .col-sm-4{padding:0;} .contact_details h1{font-size:21px; margin-top:20px;} .c_det{position:relative; padding-left:42px; overflow:hidden;} .c_det .contact_icon{position:absolute; left:0; top:0; width:32px;} .c_det h1{font-size:21px; margin-top:3px;} .c_det h2{font-size:17px; margin-top:10px; margin-bottom:0;} .c_det p{font-size:17px; line-height:20px;} .c_det.one{margin-top:20px;} .c_det.two{margin-top:15px;} .c_det.three{margin-top:20px;} .team_contacts{border-top:10px solid #f0f0f0; margin-right:0px; margin-top:20px; padding-left:15px; overflow:hidden;} .team_contacts h1{margin-bottom:0px; font-size:21px; margin-top:20px;} .team_title{background:#f0f0f0; padding:7px 15px; margin-top:30px;} .team_title h1{margin:0; padding:0; font-size:17px;} .team_persons{overflow:hidden;} .team_persons .col-sm-6{padding:0;} .person_details{position:relative; padding-left:120px; min-height:110px; margin-top:18px;} .person_photo{position:absolute; top:0; left:0; width:100px;} .person_details h1{font-size:15px; margin:0 0 5px 0; padding:0;} .person_details p{font-size:15px; margin:0 0 5px 0; padding:0;} .person_details a{color:#323232; text-decoration:none;} /* End Contact */ /* Lead Scan */ .inner_cont2{margin-top:40px;} .inner_cont2 .col-sm-12{padding:0;} .mid_cont{padding-left:17px; padding-right:12px;} .mid_cont h1{font-size:26px; margin-top:0;} .mid_cont h3{font-size:17px; margin-bottom:20px;} .mid_cont p{font-size:14px;} .mid_cont p.size1{font-size:17px;} .mid_cont h1.main_title2{margin-bottom:20px;} .mid_cont .c_top{padding-right:30px;} .mid_cont .c_top2{padding-right:0px;} .mid_cont ul{margin:0 0 25px 0; padding:0;} .mid_cont ul li{background:url(../red_arrow-3.html) no-repeat left 3px; font-size:14px; margin:0 0 6px 0; padding:2px 0 2px 24px; list-style:none;} .side_img{padding-left:30px; width:290px;} .side_img2{padding-left:20px; width:290px;} .grey_box4{background:#f0f0f0; position:relative; padding:50px 15px 15px 130px; margin-top:15px;} .grey_box4 h1{background:#5ec926; margin:0; padding:10px 15px; color:#fff; font-size:17px; position:absolute; left:0; top:0; width:100%;} .grey_box4 .gr4_img{position:absolute; left:15px; top:55px; width:100px;} .grey_box5{background:#f0f0f0; position:relative; padding:15px 20px 15px 80px; margin-bottom:3px; min-height:75px;} .grey_box5 h1{margin:0 0 5px 0; padding:0; color:#323232; font-size:17px;} .grey_box5 h2{font-size:14px; margin-bottom:6px;} .grey_box5 .gr5_img{position:absolute; left:15px; top:15px; width:55px;} .grey_box6{background:#f0f0f0; margin-bottom:0; padding:15px 40px 0px 15px; overflow:hidden;} .cp_wrap{position:relative;} .cp_wrap_bg{position:absolute; left:10px; top:5px; width:60px;} .cp_wrap .grey_box5 h1{font-size:14px;} .cp_wrap .grey_box5 P{margin-bottom:4px; line-height:18px;} .ad_logos{width:100%; margin-top:10px;} .ad_logos span{border-bottom:2px solid #eeeeee; padding:12px 0; display:block;} .ad_logos span.last-ad{border:none;} .ad_logos span img{ -moz-transform:scale(0.85); -webkit-transform:scale(0.85); transform:scale(0.85); -moz-transform-origin:0% 0%; -webkit-transform-origin:0% 0%; transform-origin:0% 0%; } .work_wrapper {margin-top: 170px;} /* End Lead Scan */ .three_boxes_top{height:auto; padding:60px 0;} .three_boxes_top h1{margin:0 0 30px 20px;} .three_boxes_top .col-lg-4.first, .three_boxes_top .col-lg-4.last{padding:0 15px;} .three_boxes_top .white_box{height:auto; margin-bottom:25px;} .three_boxes_top .white_box .more_btn{position:relative; bottom:auto; float:left; margin-top:15px;} .three_boxes_top .white_box .white_top{height:auto;} .three_boxes_top .white_box .white_top .white_right{text-align:right;} .three_boxes_top .white_box .white_top .white_right img{width:80%; height:80%;} .three_boxes_top .white_box .white_inner{margin-top:10px;} } @media (min-width: 992px) and (max-width: 1199px){ .dl-menuwrapper{display:block;} .navbar-nav {display:none;} .container { width: 970px;} #header { -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); height: 92px; position: relative; z-index: 9; } .top_header{background-size:790px; background-position:-90px top;} .main_logo { width: 194px; margin-top: 0; margin-left: 0; position: relative; top: 20px; left: 4px; } .block_1{font-size:25px; top:25px; right:280px; } .block_3{width:170px; top:25px; right:80px; border-left:solid 1px #dcdcdc; padding-left:25px;} .navbar{height:51px;} .nav > li > a{font-size:17px; padding:16px 14px;} .navbar-collapse{padding-left:0; padding-right:0;} .nav > li.first > a{padding-left:4px;} .or-r { margin-left: -65px; margin-top: 0px; padding: 0px 0px 0px; font-size: 10px; line-height: 21px; } #box_outside .container{ padding-right: 0px; padding-left: 0px; margin-top:29px; } .header_section{padding:20px} .header_section_inner{width:48%;} .header_section h1{font-size:28px; line-height:33px; margin-top:10px;} .header_section p{font-size:17px; line-height:21px; margin-top:25px;} .header_section_156 .header_section_inner p{margin-bottom:0; margin-top:18px;} .header_section_158 .header_section_inner p{margin-bottom:0; margin-top:15px;} .header_section_158 .header_section_inner{width:39%;} .header_section_1{height:273px;} .header_section_155{height:302px;} .header_section_156{height:299px;} .header_section_157{height:241px;} .header_section_158{height:241px;} .main_top .home_cont .col-md-8{width: 67.66666667%;} .main_top .home_cont .col-md-4{width: 32.33333333%;} .main_title{margin-left:19px; font-size:21px; margin-bottom:12px;} .main_title_right{margin-left:10px;} .main_top{margin-top:10px; overflow:hidden;} .main_top .home_cont .col-md-8, .main_top .home_cont .col-sm-12{padding-left:0; padding-right:15px;} .main_top .home_cont .col-md-4{padding-left:0; padding-right:0px;} .main_top .wht_we_do{height:1040px; background:url(wht_we_do_bg2-5.png) no-repeat top;} .chrome .main_top .wht_we_do{height:1039px;} .main_top .wht_we_do h1{text-transform:uppercase; font-size:21px; margin-top:12px;} .main_top .wht_we_do p{font-size:14px; line-height:17px;} .p1{width:295px; position:absolute; left:20px; top:20px;} .p2{width:165px; position:absolute; left:453px; top:165px;} .p3{width:260px; position:absolute; left:20px; top:577px;} .p4{width:252px; position:absolute; left:336px; top:750px;} .p1, .p2, .p3{border:none;} .p1 img, .p2 img, .p3 img, .p4 img{width:112px;} .product_list li{margin-bottom:2px;} .product_list li a{font-size:14px; padding:5px 35px 5px 10px;} .product_list li span{width:17px; height:17px; top:7px; right:15px; line-height:14px;} .case_study{width:100%; height:269px; margin-bottom:15px;} .case_study_inner {width: 210px; height: 207px; margin: 12px 0 0 15px; padding: 14px 23px 14px 14px;} .case_study_inner h1{margin-top:0; margin-bottom:0; font-size:42px;} .case_study_inner h2{margin-top:-5px; margin-bottom:5px; font-size:17px; line-height:17px;} .case_study_inner p{margin-top:0; margin-bottom:6px; line-height:14px; font-size:12px;} .left_bottom h1{font-size:86px;} .left_bottom h2{font-size:34px;} /*.left_bottom p{font-size:24px; line-height:30px;}*/ /*.home_ph{font-size:27px; line-height:32px; margin-top:28px;}*/ /*.ph_icon2{width:32px; margin-right:8px;}*/ .home_mail{font-size:27px; line-height:32px; margin-top:9px; display:inline-block;} .mail_icon{width:32px; margin-right:8px;} .home_request a { color: #6f6f6f;} /* What We Do */ .main_top .wht_we_do2{background:url(v_stripe2-4.png) no-repeat 113px 24px; margin-top:33px; overflow:hidden;} .inner_cont .col-lg-12{padding:0;} .s1,.s2,.s3,.s4{position:relative; padding-left:98px; overflow:hidden; margin-bottom:25px;} .s3{margin-bottom:5px;} .main_top .wht_we_do2 .kk-hide1{width:103px; position:absolute; left:0; top:0;} .main_top .wht_we_do2 h1{margin-top:0; text-transform:uppercase;} .main_top .wht_we_do2 h1 span{display:inline-block; vertical-align:middle;} .main_top .wht_we_do2 .kk_num{width:50px; height:50px; line-height:50px; z-index:3; position:relative; color:#fff; font-size:21px;} .main_top .wht_we_do2 .kk_txt{color:#fff; padding:7px 20px 7px 40px; margin-left:-30px; z-index:2; display:inline-block; width:840px; font-size:17px;} .s1 .kk_num{background:#3a94ff;} .s1 .kk_txt{background:#3a94ff;} .s2 .kk_num{background:#5ec926;} .s2 .kk_txt{background:#5ec926;} .s3 .kk_num{background:#f07812;} .s3 .kk_txt{background:#f07812;} .main_top .wht_we_do2 .wwd_content{margin-left:75px;} .main_top .wht_we_do2 .wwd_content p{font-size:17px;} .main_top .wht_we_do2 .col-md-6{padding:0;} .grey_box1{background:#f0f0f0; padding:20px 15px 15px 160px; margin-top:10px; position:relative;} .grey_right{margin-left:10px;} .grey_box1 h1{font-size:19px; text-transform:none !important;} .grey_box1 p{font-size:14px !important;} .grey_box1 img{margin-right:20px; position:absolute; top:7px; left:10px; -moz-transform:scale(0.85); -webkit-transform:scale(0.85); transform:scale(0.85); } .gb1, .gb2{height:203px; margin-top:15px;} .gb3, .gb4{height:224px; margin-top:15px;} .gb5, .gb6{height:203px;} .gb7, .gb8{height:243px;} .gb9, .gb10{height:224px;} .gb11, .gb12{height:224px;} .gb13, .gb14{height:263px;} .gb15, .gb16{height:263px;} .gb17{height:230px;} /* End What We Do */ /* Why Lavabox */ .main_top .why_lavabox{background:url(why_lavabox_bg-5.png) no-repeat center top; background-size:100%; margin-top:12px; overflow:hidden; height:1470px; position:relative;} .w1, .w2, .w3, .w4, .w5, .w6, .w7, .w8{width:352px; position:absolute; overflow:hidden; padding:20px 25px 20px 20px;} .w1{top:54px; left:52px;} .w2{top:189px; right:49px;} .w3{top:310px; left:52px;} .w4{top:443px; right:49px;} .w5{top:617px; left:52px;} .w6{top:773px; right:49px;} .w7{top:916px; left:52px;} .w8{top:1046px; right:49px;} .w9{top:1254px; left:347px; width:271px; position:absolute; overflow:hidden; padding:25px; text-align:center;} .main_top .why_lavabox h1{margin-top:0; font-size:17px;} .main_top .why_lavabox p{font-size:14px;} .main_top .why_lavabox .w9 p{color:#fff; font-size:17px;} .main_top .inner_cont .col-md-8, .main_top .inner_cont .col-md-4, .main_top .inner_cont .col-sm-12{padding-left:0; padding-right:0;} /* End Why Lavabox */ /* Why online */ .main_top .why_online .col-md-6{padding:0;} .grey_box2{background:#f0f0f0; padding:15px 150px 15px 20px; margin-top:10px; position:relative;} .grey_right{margin-left:10px;} .grey_box2 h1{font-size:30px; text-transform:none !important; margin-top:10px;} .grey_box2 p{font-size:14px !important;} .grey_box2 img{margin-right:20px; position:absolute; top:10px; right:-5px; -moz-transform:scale(0.85); -webkit-transform:scale(0.85); transform:scale(0.85); } .gba1, .gba2{height:300px; margin-top:0;} .gba3, .gba4{height:270px;} /* End Why online */ /* About Us */ .main_top .about_us {padding-right:165px; margin-left:20px;} .main_top .about_us p{font-size:14px;} .main_top .about_us p.size2{font-size:17px; margin-top:25px;} .main_top .about_us strong{font-family: 'Replica Std Bold';} /*.about_bottom{border-top:10px solid #f0f0f0; margin-top:33px; margin-right:10px; padding-top:25px;}*/ .grey_box3{width:100%; height:168px; background:#f0f0f0; overflow:hidden; margin-bottom:10px; padding:15px 20px; cursor:pointer;} .gbb1{margin-top:32px; background:url(meet_the_team_bg-5.jpg) no-repeat top; background-size:100%;} .gbb2{background:url(blog_bg-5.jpg) no-repeat top; background-size:100%;} .grey_box3 a{font-size:21px; color:#323232; font-family: 'Replica Std Bold';} .ov_wrap{position:relative; overflow:hidden;} .ov_wrap_bg{position:absolute; top:30px; left:24px; height:740px; overflow:hidden;} .ov_wrap_bg img{width:22px; height:740px;} .ov_wrap .grey_box5{background:#f0f0f0; position:relative; padding:20px 15px 20px 70px; margin-bottom:4px;} /*.ov_wrap .grey_box5 h1{font-size:15px;}*/ /*.ov_wrap .grey_box5 p{font-size:14px;}*/ .ov_wrap .grey_box5 p:last-child{margin-bottom:0;} .ov_wrap .kk_num{width:38px; height:38px; line-height:38px; z-index:3; position:absolute; color:#fff; background:#ff0000; display:inline-block; left:15px; top:15px;} /*.about_side h3{font-size:20px;}*/ /* End About Us */ /* Contact */ .contact_num .txt3{font-size:21px; display:block;} .person_details{position:relative; padding-left:150px; min-height:150px; margin-top:18px;} .person_photo{position:absolute; top:0; left:0; width:130px;} .person_details h1{font-size:17px; margin:0 0 10px 0; padding:0;} .person_details p{font-size:17px; margin:0 0 10px 0; padding:0;} .person_details a{color:#323232; text-decoration:none;} /* End Contact */ /* Lead Scan */ .mid_cont{min-height:540px;} /* End Lead Scan */ .orange_block{background:url(orange_block_bg-5.png) no-repeat top; height:550px;} .orange_box{color:#fff; padding:50px 0;} .orange_box h1{font-size:80px; text-transform:uppercase; color:#fff;} .orange_box h2{font-size:33px; text-transform:uppercase; color:#fff;} .orange_box p{font-size:31px; line-height:38px; padding-bottom:18px;} .three_boxes_top{height:auto; padding:60px 0;} .three_boxes_top h1{margin:0 0 30px 20px;} .three_boxes_top .col-lg-4.first, .three_boxes_top .col-lg-4.last{padding:0 15px;} .three_boxes_top .white_box{height:auto; margin-bottom:25px;} .three_boxes_top .white_box .more_btn{position:relative; bottom:auto; float:left; margin-top:15px;} .three_boxes_top .white_box .white_top{height:auto;} .three_boxes_top .white_box .white_top .white_right{text-align:right;} .three_boxes_top .white_box .white_top .white_right img{width:80%; height:80%;} .three_boxes_top .white_box .white_inner{margin-top:10px;} .swp-breadcrumbs {position:absolute; top:-38px; left:20px; font-size:12px;} .swp-breadcrumbs a{color:#323232; text-decoration:none; font-size:12px;} .swp-breadcrumbs a:hover{color:#ff0000;} .testibox_title{ background: none repeat scroll 0 0 #414141; color: #fff; font-family: replicaregular; font-size: 17px; margin-bottom: 0; margin-top:45px; padding: 11px; } .testibox{width:100%; height:301px; margin-bottom:15px;} .testibox_inner {width: 210px; height: 207px; margin: 12px 0 0 15px; padding: 14px 23px 14px 14px;} .testibox_inner h1{margin-top:0; margin-bottom:0; font-size:42px;} .testibox_inner h2{margin-top:-5px; margin-bottom:5px; font-size:16px; line-height:16px;} .testibox_inner p{margin-top:0; margin-bottom:6px; line-height:14px; font-size:12px;} } @media (min-width: 1200px) { .or-r { margin-top: 0px; margin-left: -64px; padding: 0px; } .container { width: 1170px; } #header { -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); height:138px ; position:relative; z-index:9; } .top_header{ background-size:1170px; background-position:-210px top; height:138px ;} .main_logo{width:210px; position:relative; top:26px; left:15px; margin:0px; padding-top:0px;} .block_1{font-size:18px; top:20px; right:200px; } .block_1 span.txt{display:none;} .block_2{width:795px; top:65px;} .block_3{width:170px; top:15px; right:0px; border-left:solid 1px #dcdcdc; padding-left:25px;} .navbar { /*height: 64px;*/ position: relative; top:18px; z-index: 9; } .nav > li > a{font-size:17px; padding:20px 9px;} .navbar-collapse{padding-left:0; padding-right:0;} .nav > li.first > a{padding-left:7px;} #box_outside .container{ padding-right: 0px; padding-left: 0px; margin-top:35px; } .header_section{padding:25px 25px 25px 22px;} .header_section h1{font-size:33px; line-height:40px; margin-top:10px;} .header_section p{font-size:21px; line-height:26px; margin-top:30px;} .header_section_156 .header_section_inner p{margin-bottom:0; margin-top:23px;} .header_section_158 .header_section_inner p{margin-bottom:0; margin-top:18px;} .header_section_1{height:330px;} .header_section_155{height:364px;} .header_section_156{height:361px;} .header_section_157{height:291px;} .header_section_158{height:291px;} .orange_block{background:url(orange_block_bg-5.png) no-repeat top; height:550px;} .main_title{margin-left:22px; font-size:26px; margin-bottom:15px;} .main_title_right{margin-left:14px;} .main_top{margin-top:10px; overflow:hidden;} .main_top .home_cont .col-md-8, .main_top .home_cont .col-md-4, .main_top .home_cont .col-sm-12{padding-left:0;} .main_top .wht_we_do{height:1274px; background:url(wht_we_do_bg1-5.png) no-repeat top;} .chrome .main_top .wht_we_do{height:1270px;} .main_top .wht_we_do h1{text-transform:uppercase; font-size:26px;} .main_top .wht_we_do p{font-size:17px; line-height:20px;} .p1{width:360px; position:absolute; left:24px; top:24px;} .p2{width:205px; position:absolute; left:554px; top:201px;} .p3{width:310px; position:absolute; left:24px; top:705px;} .p4{width:310px; position:absolute; left:410px; top:915px;} .p1, .p2, .p3{border:none;} .p1 img, .p2 img, .p3 img, .p4 img{width:137px;} .product_list li{margin-bottom:2px;} .product_list li a{font-size:17px; padding:8px 45px 8px 15px;} .product_list li span{width:22px; height:22px; top:9px; right:15px; line-height:19px;} .case_study{width:100%; height:334px; margin-bottom:15px;} .case_study_inner {width: 250px; height: 247px; margin: 20px 0 0 17px; padding: 14px 27px 14px 14px;} .case_study_inner h1{margin-top:0; margin-bottom:0; font-size:62px;} .case_study_inner h2{margin-top:-5px; margin-bottom:10px; font-size:23px; line-height:23px;} .case_study_inner p{margin-top:0; margin-bottom:10px; line-height:15px; font-size:14px;} .left_bottom h1{font-size:107px;} .left_bottom h2{font-size:40px;} .left_bottom p{font-size:40px; line-height:45px; color:#ff0000;font-family: 'Replica Std Light'; line-height:40px; } .home_ph{font-size:35px; line-height:55px; margin-top:37px; color:#6f6f6f; font-family: 'Replica Std Light'; } .home_request{font-size:35px; line-height:55px; margin-top:37px; color:#6f6f6f; font-family: 'Replica Std Light';} .home_request a{color: #6f6f6f;} .ph_icon2{width:59px; margin-right:10px; float:left;} .request{width:59px; margin-right:10px; float:left;} .home_mail{margin-top:9px; font-size:32px; line-height:38px; display:inline-block;} .mail_icon{width:38px; margin-right:10px;} /* What We Do */ .main_top .wht_we_do2{background:url(v_stripe1-4.png) no-repeat 142px 24px; margin-top:33px; overflow:hidden;} .inner_cont .col-lg-12{padding:0;} .s1,.s2,.s3{position:relative; padding-left:125px; overflow:hidden; margin-bottom:30px;} .s3{margin-bottom:10px;} .main_top .wht_we_do2 .kk-hide1{width:121px; position:absolute; left:0; top:0;} .main_top .wht_we_do2 h1{margin-top:0; text-transform:uppercase;} .main_top .wht_we_do2 h1 span{display:inline-block; vertical-align:middle;} .main_top .wht_we_do2 .kk_num{width:58px; height:58px; line-height:58px; z-index:3; position:relative; color:#fff;} .main_top .wht_we_do2 .kk_txt{color:#fff; padding:9px 20px 9px 50px; margin-left:-30px; z-index:2; display:inline-block; width:1005px; font-size:21px;} .s1 .kk_num{background:#3a94ff;} .s1 .kk_txt{background:#3a94ff;} .s2 .kk_num{background:#5ec926;} .s2 .kk_txt{background:#5ec926;} .s3 .kk_num{background:#f07812;} .s3 .kk_txt{background:#f07812;} .main_top .wht_we_do2 .wwd_content{margin-left:90px;} .main_top .wht_we_do2 .wwd_content p{font-size:21px;} .main_top .wht_we_do2 .col-md-6{padding:0;} .grey_box1{background:#f0f0f0; padding:20px 32px 20px 180px; margin-top:12px; position:relative;} .grey_right{margin-left:12px;} .grey_box1 h1{font-size:23px; text-transform:none !important;} .grey_box1 p{font-size:17px !important;} .grey_box1 img{margin-right:20px; position:absolute; top:20px; left:20px;} .gb1, .gb2{height:239px; margin-top:20px;} .gb3, .gb4{height:263px; margin-top:20px;} .gb5, .gb6{height:239px;} .gb7, .gb8{height:312px;} .gb9, .gb10{height:263px;} .gb11, .gb12{height:263px;} .gb13, .gb14{height:312px;} .gb15, .gb16{height:312px;} .gb17{height:275px;} /* End What We Do */ /* Why Lavabox */ .main_top .why_lavabox{background:url(why_lavabox_bg-5.png) no-repeat center top; background-size:100%; margin-top:18px; overflow:hidden; height:1772px; position:relative;} .w1, .w2, .w3, .w4, .w5, .w6, .w7, .w8{width:426px; position:absolute; overflow:hidden; padding:25px 28px 25px 25px;} .w1{top:65px; left:61px;} .w2{top:226px; right:59px;} .w3{top:373px; left:61px;} .w4{top:534px; right:59px;} .w5{top:746px; left:61px;} .w6{top:932px; right:59px;} .w7{top:1103px; left:61px;} .w8{top:1261px; right:59px;} .w9{top:1512px; left:419px; width:328px; position:absolute; overflow:hidden; padding:25px; text-align:center;} .main_top .why_lavabox h1{margin-top:0; font-size:21px;} .main_top .why_lavabox p{font-size:17px;} .main_top .why_lavabox .w9 p{color:#fff; font-size:23px;} .main_top .inner_cont .col-md-8, .main_top .inner_cont .col-md-4, .main_top .inner_cont .col-sm-12{padding-left:0; padding-right:0;} /* End Why Lavabox */ /* Why online */ .main_top .why_online .col-md-6{padding:0;} .grey_box2{background:#f0f0f0; padding:20px 200px 20px 25px; margin-top:12px; position:relative;} .grey_right{margin-left:12px;} .grey_box2 h1{font-size:37px; text-transform:none !important; margin-top:10px;} .grey_box2 p{font-size:17px !important;} .grey_box2 img{margin-right:20px; position:absolute; top:30px; right:15px;} .gba1, .gba2{height:370px; margin-top:0;} .gba3, .gba4{height:330px;} /* End Why online */ /* About Us */ .salesforce_content { background:#fff; padding:50px 0px;} .salesforce_content .container {} .salesforce_content .container p { text-align:center; font-size:26px; color:#323232; line-height:33px;} .main_top .about_us {padding-right:208px; margin-left:20px;} .main_top .about_us p{font-size:17px;} .main_top .about_us p.size2{font-size:21px; margin-top:25px;} .btm_top {background: #f5f5f5; /* Old browsers */background: -moz-linear-gradient(left, #f5f5f5 0%, #f5f5f5 60%, #e9e9e9 60%, #e9e9e9 60%, #e9e9e9 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left, #f5f5f5 0%,#f5f5f5 60%,#e9e9e9 60%,#e9e9e9 60%,#e9e9e9 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right, #f5f5f5 0%,#f5f5f5 60%,#e9e9e9 60%,#e9e9e9 60%,#e9e9e9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e9e9e9',GradientType=1 ); /* IE6-9 */ padding:0px 0px 40px;} .about_bottom{ margin-top:33px; margin-right:10px; padding-top:25px;} .grey_box3{width:100%; height:205px; background:#f0f0f0; background-size:100%; overflow:hidden; margin-bottom:10px; padding:15px 20px; cursor:pointer;} .gbb1{margin-top:32px; background:url(meet_the_team_bg-5.jpg) no-repeat top;} .gbb2{background:url(blog_bg-5.jpg) no-repeat top;} .grey_box3 a{font-size:26px; color:#323232; font-family: 'Replica Std Bold';} .our_value {background: #fcfcfc; padding:50px 0px; } .our_value .container { width: 732px; margin: auto;} .about_side h3{font-size:40px; margin:0px 0px 40px 40px; color:#ff0000; font-family: 'Replica Std Light'; line-height:48px; } .ov_wrap{position:relative; overflow:hidden;} .ov_wrap_bg{position:absolute; top:30px; left:24px; height:820px; overflow:hidden;} .ov_wrap_bg img{width:22px; height:750px;} .ov_wrap .grey_box5{background:#f0f0f0; position:relative; padding:20px; margin-bottom:8px; border-left:#0066ff 9px solid;} .ov_wrap .grey_box5:nth-child(even) { border-left:#00b4ff 9px solid;} .ov_wrap .grey_box5 h1{font-size:19px; color:#ff0000;} .ov_wrap .grey_box5 p{font-size:18px; line-height:22px; color:#323232;} .ov_wrap .grey_box5 p:last-child{margin-bottom:0;} .ov_wrap .kk_num{width:38px; height:38px; line-height:38px; z-index:3; position:absolute; color:#fff; background:#ff0000; display:inline-block; left:15px; top:15px;} /* End About Us */ /* Contact */ .contact_num{margin-top:50px; padding-left:20px;} .contact_num .txt1{font-size:32px; line-height:37px; margin-bottom:30px;} .contact_num .txt2{font-size:26px; margin-bottom:0;} .contact_num .txt3{font-size:26px;} .contact_num h1{font-size:50px; margin-top:0; padding-top:0; margin-bottom:20px;} .contact_details{border-top:12px solid #f0f0f0; margin-right:12px; margin-top:30px; padding-left:20px;} .contact_details .col-sm-4{padding:0;} .c_det{position:relative; padding-left:40px; overflow:hidden;} .c_det img{position:absolute; left:0; top:0;} .c_det h1{font-size:26px; margin-top:3px;} .c_det h2{font-size:21px; margin-top:15px; margin-bottom:0;} .c_det p{font-size:21px; line-height:25px;} .c_det.one{margin-top:30px;} .c_det.two{margin-top:20px;} .c_det.three{margin-top:30px;} .team_contacts{border-top:12px solid #f0f0f0; margin-right:0px; margin-top:30px; padding-left:20px;} .team_contacts h1{margin-bottom:0px;} .team_title{background:#f0f0f0; padding:10px 20px; margin-top:40px;} .team_title h1{margin:0; padding:0; font-size:21px;} .team_persons{overflow:hidden; =} .team_persons .col-sm-6{padding:0;} .person_details{position:relative; padding-left:187px; min-height:180px; margin-top:25px;} .person_photo{position:absolute; top:0; left:0; width:157px;} .person_details h1{font-size:21px; margin:0 0 10px 0; padding:0;} .person_details p{font-size:21px; margin:0 0 10px 0; padding:0;} .person_details a{color:#323232; text-decoration:none;} /* End Contact */ /* Lead Scan */ .inner_cont2{margin-top:50px;} .inner_cont2 .col-sm-12{padding:0;} .mid_cont{padding-left:22px; padding-right:12px; min-height:670px;} .mid_cont h1{font-size:33px; margin-top:0;} .mid_cont h3{font-size:21px; margin-bottom:20px;} .mid_cont p{font-size:17px;} .mid_cont p.size1{font-size:21px; line-height:26px;} .mid_cont h1.main_title2{margin-bottom:35px;} .mid_cont .c_top{padding-right:47px;} .mid_cont .c_top2{padding-right:0px;} .mid_cont ul{margin:0 0 30px 0; padding:0;} .mid_cont ul li{background:url(../red_arrow-3.html) no-repeat left 3px; font-size:17px; margin:0 0 10px 0; padding:0 0 0 24px; list-style:none;} .side_img{padding-left:40px; width:315px;} .side_img2{padding-left:30px; width:350px;} .grey_box4{background:#f0f0f0; position:relative; padding:60px 40px 20px 180px; margin-top:20px;} .grey_box4 h1{background:#5ec926; margin:0; padding:10px 15px; color:#fff; font-size:21px; position:absolute; left:0; top:0; width:100%;} .grey_box4 .gr4_img{position:absolute; left:20px; top:65px; width:140px;} .grey_box5{background:#f0f0f0; position:relative; padding:20px 30px 20px 100px; margin-bottom:4px;} .grey_box5 h1{margin:0 0 5px 0; padding:0; color:#323232; font-size:21px;} .grey_box5 h2{font-size:17px; margin-bottom:6px;} .grey_box5 .gr5_img{position:absolute; left:20px; top:20px; width:100px;} .grey_box6{background:#f0f0f0; margin-bottom:0; padding:20px 60px 0px 20px; overflow:hidden;} .cp_wrap{position:relative;} .cp_wrap_bg{position:absolute; left:10px; top:10px; width:76px;} .cp_wrap .grey_box5 h1{font-size:17px;} .cp_wrap .grey_box5 P{margin-bottom:4px; line-height:23px;} .ad_logos{width:100%;} .ad_logos span{border-bottom:2px solid #eeeeee; padding:12px 0; display:block;} .ad_logos span.last-ad{border:none;} .ad_logos span img{ -moz-transform:scale(1); -webkit-transform:scale(1); transform:scale(1); -moz-transform-origin:0% 0%; -webkit-transform-origin:0% 0%; transform-origin:0% 0%; } .work_wrapper {margin-top: 203px;} /* End Lead Scan */ .testibox{height:366px;} .testibox_inner h2{margin-top:-5px; margin-bottom:10px; font-size:20px; line-height:22px;} .orange_box{color:#fff; padding:50px 220px 50px 0;} .orange_box h1{font-size:80px; text-transform:uppercase; color:#fff;} .orange_box h2{font-size:33px; text-transform:uppercase; color:#fff;} .orange_box p{font-size:31px; line-height:38px; padding-bottom:18px;} .three_boxes_top{background:#ebebeb; height:675px; padding:75px 0;} .three_boxes_top h1{font-size:40px; margin:0 0 50px 20px;} .three_boxes_top .white_box{background:#fff; padding:20px; float:left; height:420px; position:relative;} .three_boxes_top .col-lg-4.first{padding-left:0;} .three_boxes_top .col-lg-4.last{padding-right:0;} .three_boxes_top p{font-size:17px;} .three_boxes_top .white_box .white_top{height:130px;} .three_boxes_top .white_box .white_top .white_left{float:left; width:60%;} .three_boxes_top .white_box .white_top .white_right{float:right;} .three_boxes_top .white_box .white_inner{float:left; clear:both; font-size:17px; line-height:22px;} .three_boxes_top .white_box .white_top h2{text-transform:uppercase; font-size:28px; margin:10px 0;} .three_boxes_top .white_box .white_top h3{font-size:16px; color:#646464; text-transform:uppercase; margin:10px 0;} .three_boxes_top .white_box .more_btn{position:absolute; bottom:30px; font-size:14px; font-family: 'Replica Std Bold'; background:#ff4b00; padding:5px 20px;} .three_boxes_top .white_box .more_btn:hover{background:#323232;} .three_boxes_top .white_box .white_top .white_right img{width:auto; height:auto;} .swp-breadcrumbs {position:absolute; top:-48px; left:25px; font-size:14px;} .swp-breadcrumbs a{color:#323232; text-decoration:none; font-size:14px;} .swp-breadcrumbs a:hover{color:#ff0000;} } /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ @media (max-width: 1199px){ .dl-menuwrapper{display:block;} .navbar-nav {display:none;} /*.block_3{display:none;}*/ .big_blue_box .bw_box {width:455px;} .big_blue_box .bw_box h1{font-size:21px;} .sf_process_block{padding:30px 0;} .sf_process_block .container{background:url(crm_road2-2.png) no-repeat 0px 80px; position:relative; height:1140px;} .sf_process_block h1{font-size:30px; color:#414141;} .prs_box h1{font-size:18px;} .prs_box {font-size:15px;} .sf_process_block .prs1{position:absolute; width:235px; left:65px; top:138px;} .sf_process_block .prs2{position:absolute; width:235px; left:409px; top:138px;} .sf_process_block .prs3{position:absolute; width:235px; left:740px; top:154px;} .sf_process_block .prs4{position:absolute; width:235px; left:740px; top:289px;} .sf_process_block .prs5{position:absolute; width:275px; left:450px; top:410px;} .sf_process_block .prs6{position:absolute; width:268px; left:53px; top:605px; background:#414141; padding:15px;} .sf_process_block .prs7{position:absolute; left:400px; top:605px;} .sf_process_block .prs6:before{top:71px;} .wlb_block .bw_box {width:455px;} .wlb_block .bw_box h1{font-size:21px;} .inner_banner_content { margin-top: 45px !important; } .inner_banner_content h2 { font-size: 40px !important; } .inner_banner_content h1 { font-size: 40px !important; } .btm_top { background: #f5f5f5; } .big_blue_box .bw_box { min-height: 255px; } } @media (max-width: 991px){ .main_logo { padding-top: 24px; margin-top:0px; } .block_3 { display: none; } .nav > li > a{font-family: 'Replica Std Regular';} .homepage_form{/*max-width:350px;*/ display:none;} .contactpage_form{max-width:350px; margin-top:10px; display:block;} .header_section_156 .header_section_inner p{margin-bottom:0; margin-top:10px;} .main_title{font-size:19px; margin-bottom:8px; margin-left:16px;} .main_title_right{margin-left:10px;} .main_top{margin-top:10px; overflow:hidden;} .main_top .col-md-8, .main_top .col-md-4, .main_top .col-sm-12{padding-left:0px; padding-right:0px;} .main_top .wht_we_do{background:none; padding:0px;} .main_top .wht_we_do h1{text-transform:uppercase; font-size:18px; margin-top:0px; color:#fff; height:63px; padding:0px 14px;} .main_top .wht_we_do p{font-size:14px; line-height:17px;} .p1, .p2, .p3, .p4{margin-bottom:8px; position:relative; background:#f3f3f3;} .p1 img, .p2 img, .p3 img, .p4 img{width:58px; position:absolute; top:0; right:0;} .kk-hide1{display:none;} .kk-hide2{display:block;} .main_top .wht_we_do h1 span{display:table-cell; vertical-align:middle; padding-left:50px; height:63px;} .kk_num{display:inline-block !important; padding:0 !important; width:35px; height:35px !important; vertical-align:middle; line-height:35px; background:#fff; position:absolute; left:14px; top:14px;} .p1 h1{background:#3a94ff;} .p2 h1{background:#5ec926;} .p3 h1{background:#dd8b28;} .p4 h1{background:#de2a00;} .p1 .kk_num{color:#3a94ff;} .p2 .kk_num{color:#5ec926;} .p3 .kk_num{color:#dd8b28;} .p4 .kk_num{color:#de2a00;} .wwd_content{padding:0 14px 14px;} .product_list li{margin-bottom:2px;} .product_list li a{font-size:14px; padding:8px 35px 8px 10px;} .product_list li span{width:17px; height:17px; top:10px; right:15px; line-height:14px;} .left_bottom{padding-left:10px; padding-top:20px;} .left_bottom h1{font-size:60px; margin-top:0;} .left_bottom h2{font-size:23px; line-height:25px;} /*.left_bottom p{font-size:18px; line-height:20px;}*/ /*.home_ph{background:#f3f3f3; height:45px; padding:8px 12px 8px; margin-left:-10px; }*/ .home_mail{background:#f3f3f3; height:45px; padding:8px 12px 8px; margin-left:-10px; cursor:pointer; margin-top:5px;} /* What We Do */ .main_top .wht_we_do2{background:none; margin-top:0px; overflow:hidden;} .inner_cont .col-lg-12{padding:0px;} .main_top .wht_we_do2 .wwd_title h1{text-transform:uppercase; font-size:18px; margin:0px; color:#fff; height:63px; padding:0px 14px;} .main_top .wht_we_do2 p{font-size:14px; line-height:17px;} .s1,.s2,.s3,.s4{position:relative; padding-left:0px; overflow:hidden; margin-bottom:25px;} .s3{margin-bottom:5px;} .main_top .wht_we_do2 .kk-hide2{width:58px; position:absolute; top:0; right:0;} .main_top .wht_we_do2 .wwd_title h1 span{display:table-cell; vertical-align:middle; padding-left:50px; height:63px;} .main_top .wht_we_do2 .kk_num{display:inline-block !important; padding:0 !important; width:35px; height:35px; vertical-align:middle; line-height:35px; background:#fff; position:absolute; left:14px; top:14px;} .home_request a { color: #6f6f6f;} .main_top .wht_we_do2 .wwd_content{padding:0;} .main_top .wht_we_do2 .wwd_main{background:#f0f0f0; padding:14px;} .s1 .kk_num{color:#3a94ff;} .s2 .kk_num{color:#5ec926;} .s3 .kk_num{color:#dd8b28;} .s1 h1{background:#3a94ff;} .s2 h1{background:#5ec926;} .s3 h1{background:#dd8b28;} .main_top .wht_we_do2 .wwd_content{margin-left:0px;} .s1 .grey_box1{border-top:4px solid #3a94ff;} .s2 .grey_box1{border-top:4px solid #5ec926;} .s3 .grey_box1{border-top:4px solid #dd8b28;} .main_top .wht_we_do2 .col-md-6{padding:0;} .grey_box1{background:#f0f0f0; padding:10px 15px 15px 15px; margin-top:10px; position:relative;} .grey_right{margin-left:0px;} .main_top .wht_we_do2 .grey_box1 h1{font-size:19px; text-transform:none !important; background:none; color:#323232; margin-top:0;} .main_top .wht_we_do2 .grey_box1 p{font-size:14px !important;} /* End What We Do */ /* Why Lavabox */ .main_top .why_lavabox{background:none; margin-top:0px; overflow:hidden;} .inner_cont .col-lg-12{padding:0px;} .main_top .why_lavabox .wl_title h1{font-size:17px; margin:0 0 2px 0; color:#de2a00; height:59px; padding:0px 14px 0px; background:#f0f0f0; border-top:4px solid #de2a00;} .main_top .why_lavabox p{font-size:14px; line-height:17px;} .w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8{position:relative; padding-left:0px; overflow:hidden; margin-bottom:10px; width:100%;} .w9{display:none;} .main_top .why_lavabox .wl_title h1 span{display:table-cell; vertical-align:middle; padding-left:50px; height:59px;} .main_top .why_lavabox .kk_num{display:inline-block !important; padding:0 !important; width:35px; height:35px; vertical-align:middle; line-height:35px; background:#de2a00; color:#fff; position:absolute; left:14px; top:14px;} .main_top .why_lavabox .wl_content{padding:0; background:#f0f0f0; padding:14px;} .main_top .why_lavabox .wl_content{margin-left:0px;} .orange_wrap1{color:#fff; background:url(orange_wrap1-5.jpg) repeat-y top right; padding:18px 14px 14px 14px; margin-left:-10px; margin-top:-10px; } .orange_wrap1 p{margin-bottom:6px;} /* End Why Lavabox */ /* Why Online */ .grey_box2{border-top:4px solid #de2a00; background:#f0f0f0; padding:10px 15px 15px 15px; margin-top:10px; position:relative;} .main_top .why_online .col-md-6{padding:0;} .main_top .why_online .grey_box2 h1{font-size:19px; margin-top:0;} .main_top .why_online .grey_box2 p{font-size:14px !important;} /* End Why Online */ /* About Us */ .main_top .about_us {} .main_top .about_us p{font-size:14px;} .main_top .about_us p.size2{font-size:17px; margin-top:10px;} .main_top .about_us strong{font-family: 'Replica Std Bold';} /*.about_bottom{border-top:10px solid #f0f0f0; margin-top:33px; margin-right:0px; padding-top:25px;}*/ .about_side{overflow:hidden;} .grey_box3{width:100%; height:168px; background:#f0f0f0; overflow:hidden; margin-bottom:10px; padding:15px 20px; cursor:pointer; max-width:305px; float:left; overflow:hidden;} .gbb1{margin-top:12px; background:url(meet_the_team_bg-5.jpg) no-repeat top; background-size:100%; margin-right:10px;} .gbb2{margin-top:12px; background:url(blog_bg-5.jpg) no-repeat top; background-size:100%;} .grey_box3 a{font-size:21px; color:#323232; font-family: 'Replica Std Bold';} .ov_wrap{position:relative; overflow:hidden;} .ov_wrap_bg{position:absolute; top:30px; left:24px; height:460px; overflow:hidden;} .ov_wrap_bg img{width:22px; height:460px;} .ov_wrap .grey_box5{background:#f0f0f0; position:relative; padding:20px 15px 20px 70px; margin-bottom:4px;} /*.ov_wrap .grey_box5 h1{font-size:17px;}*/ /*.ov_wrap .grey_box5 p{font-size:14px;}*/ .ov_wrap .grey_box5 p:last-child{margin-bottom:0;} .ov_wrap .kk_num{width:38px; height:38px; line-height:38px; z-index:3; position:absolute; color:#fff; background:#ff0000; display:inline-block; left:15px; top:15px;} /*.about_side h3{font-size:21px;}*/ /* End About Us */ /* Contact */ .contact .col-xs-12{padding-left:0; padding-right:0;} .contact_num{margin-top:30px; padding-left:15px;} .contact_num .txt1{font-size:26px; line-height:30px; margin-bottom:20px;} .contact_num .txt2{font-size:21px; margin-bottom:0;} .contact_num .txt3{font-size:21px; display:none;} .txt4{display:block; font-size:21px; margin-bottom:5px; margin-top:10px;} .contact_num h1{font-size:40px; margin-top:0; padding-top:0; margin-bottom:12px;} .contact_details{border-top:10px solid #f0f0f0; margin-right:0px; margin-top:20px; padding-left:15px;} .contact_details .col-sm-4, .contact_details .col-sm-8{padding:0;} .contact_details h1{font-size:21px; margin-top:20px;} .c_det{position:relative; padding-left:42px; overflow:hidden;} .c_det .contact_icon{position:absolute; left:0; top:0; width:32px;} .c_det h1{font-size:21px; margin-top:3px;} .c_det h2{font-size:17px; margin-top:10px; margin-bottom:0;} .c_det p{font-size:17px; line-height:20px;} .c_det.one{margin-top:20px;} .c_det.two{margin-top:15px;} .c_det.three{margin-top:20px;} .team_contacts{border-top:10px solid #f0f0f0; margin-right:0px; margin-top:20px; padding-left:15px; overflow:hidden;} .team_contacts h1{margin-bottom:0px; font-size:21px; margin-top:20px;} .team_title{background:#f0f0f0; padding:7px 15px; margin-top:30px;} .team_title h1{margin:0; padding:0; font-size:17px;} .team_persons{overflow:hidden;} .team_persons .col-sm-6{padding:0;} .person_details{position:relative; padding-left:120px; min-height:110px; margin-top:18px;} .person_photo{position:absolute; top:0; left:0; width:100px;} .person_details h1{font-size:15px; margin:0 0 5px 0; padding:0;} .person_details p{font-size:15px; margin:0 0 5px 0; padding:0;} .person_details a{color:#323232; text-decoration:none;} /* End Contact */ /* Lead Scan */ .pg_list{display:none;} .mid_cont{padding-left:0px; padding-right:0px;} .ad_logos{width:100%; margin-top:10px;} .ad_logos span{border-bottom:2px solid #eeeeee; padding:8px 0 3PX;; display:block;} .ad_logos span.last-ad{border:none;} .ad_logos span img{ -moz-transform:scale(0.75); -webkit-transform:scale(0.75); transform:scale(0.75); -moz-transform-origin:0% 0%; -webkit-transform-origin:0% 0%; transform-origin:0% 0%; } .work_wrapper {display:none;} /* End Lead Scan */ .swp-breadcrumbs {position:absolute; top:-38px; left:20px; font-size:12px;} .swp-breadcrumbs a{color:#323232; text-decoration:none; font-size:12px;} .swp-breadcrumbs a:hover{color:#ff0000;} .brk5{display: none;} .orange_block{background:url(orange_block_bg-5.png) no-repeat bottom; height:400px;} .orange_box{color:#fff; padding:25px 0;} .orange_box h1{font-size:58px; text-transform:uppercase; color:#fff;} .orange_box h2{font-size:26px; text-transform:uppercase; color:#fff;} .orange_box p{font-size:24px; line-height:28px; padding-bottom:18px;} .big_blue_box {height:auto !important; padding:11px 0;} /*.big_blue_box h1{font-size:30px; margin-bottom:30px;}*/ .big_blue_box .bw_box{width:100%; height:auto !important;} .sf_process_block{height:auto;} .sf_process_block .container{height:auto;} .sf_process_block .container{background:none;} .sf_process_block h1{margin-top:0; margin-bottom:20px;} .sf_process_block .prs_box{position:relative; left:unset; left:initial; top:unset; top:initial; width:100%; background:#f0f0f0; margin-bottom:15px;} .sf_process_block .prs_box h1{background:#3994ff; padding:12px 10px 12px 45px; margin-top:0; margin-bottom:0px; color:#fff; position:relative;} .sf_process_block .prs_box .form_table h1{background:none;} .sf_process_block .prs_box p{padding:15px;} .sf_process_block .prs6{width:268px; background:#414141; margin:0 auto 50px;} .sf_process_block .prs6 h1{background:none; padding:0; color:#3994ff; margin-bottom:5px;} .sf_process_block .prs6 p{padding:0;} .sf_process_block .prs6:before{left:56px; top:93px; transform: rotate(405deg);} .sf_process_block .prs7{background:none;} .sf_process_block .prs7 .homepage_form{display:block; margin:0 auto; max-width:300px;} .sf_process_block .prs_box h1:before {background: none repeat scroll 0 0 #fff; border-radius: 50%; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); color: #3994ff; display: inline-block; height: 30px; line-height: 32px; margin-right: 10px; text-align: center; width: 30px; position:absolute; top:6px; left:6px;} .sf_process_block .prs1 h1:before{content:"1";} .sf_process_block .prs2 h1:before{content:"2";} .sf_process_block .prs3 h1:before{content:"3";} .sf_process_block .prs4 h1:before{content:"4";} .sf_process_block .prs5 h1:before{content:"5";} .wlb_block {height:auto !important; padding:11px 0; background-size:cover;} .wlb_block h1{font-size:30px; margin-bottom:30px;} .wlb_block .bw_box{width:100%; height:auto !important;} .inner_banner_content h2 { font-size: 35px !important; margin-bottom: 10px; } .inner_banner_content h1 { font-size: 35px !important; } .salesforce_content .container p { font-size: 20px; } .salesforce_content .container p br { display:none; } .left_bottom p, .home_ph, .home_request { text-align: center; } .ph_icon2, .request { float: none !important; margin:auto; } .form_wrapper { float: none !important; margin: auto; margin-top: 50px; } .big_blue_box .bw_box { min-height: auto; } } @media (max-width: 767px) { #header{background:none;} #header .container{padding:0;} .top_header{height:75px ; background-size:768px; background-position:right -15px; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 10px rgba (0, 0, 0, 0.2); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); position: relative; z-index: 9;} .main_logo{width:175px; margin-top:0px; margin-left:22px; padding-top: 15px !important;} #box_outside .container{ padding-right: 10px; padding-left: 10px; margin-top:15px; } .block_1, .block_2, .navbar{display:none;} .dl-menuwrapper{display:block;} .dl-menuwrapper button { top:0px !important; } .phone_container{display:block; padding:7px 12px 6px; margin-top:10px; font-size:19px; } .ph_img{float:left; margin-right:10px; margin-top:2px; vertical-align:middle;} .main_top .col-md-8, .main_top .col-md-4, .main_top .col-sm-12, .main_top .col-xs-12{padding-left:10px; padding-right:10px;} /*.home_ph{font-size:18px; line-height:30px; margin-top:17px;}*/ /*.ph_icon2{width:28px; margin-right:8px;}*/ .home_mail{font-size:18px; line-height:28px; margin-top:5px; } .mail_icon{width:28px; margin-right:8px;} /* What We Do */ .inner_cont .col-lg-12{padding-left:10px; padding-right:10px;} /* End What We Do */ /* Contact */ .contact_num{margin-top:10px; padding-left:15px;} .contact_num .txt1{font-size:19px; line-height:25px; margin-bottom:10px;} .contact_num .txt2{font-size:17px; margin-bottom:0;} .contact_num .txt3{font-size:17px; display:none;} .txt4{display:block; font-size:17px; margin-bottom:5px; margin-top:10px;} .contact_num h1{font-size:26px; margin-top:0; padding-top:0; margin-bottom:12px;} .contact_details{border-top:10px solid #f0f0f0; margin-right:0px; margin-top:20px; padding-left:15px; overflow:hidden;} .contact_details .col-sm-4, .contact_details .col-sm-8{padding:0;} .contact_details .col-sm-4{width:33.333%; float:left;} .contact_details .col-sm-8{width:66.6667%; float:left;} .contact_details .col-xs-12{padding-left:0px; padding-right:0px;} .contact_details h1{font-size:19px; margin-top:20px;} .c_det{position:relative; padding-left:35px; overflow:hidden;} .c_det .contact_icon{position:absolute; left:0; top:0; width:28px;} .c_det h1{font-size:19px; margin-top:3px;} .c_det h2{font-size:15px; margin-top:10px; margin-bottom:0;} .c_det p{font-size:14px; line-height:20px;} .c_det.one{margin-top:20px;} .c_det.two{margin-top:15px;} .c_det.three{margin-top:20px;} .team_contacts{border-top:10px solid #f0f0f0; margin-right:0px; margin-top:20px; padding-left:15px; overflow:hidden;} .team_contacts h1{margin-bottom:0px; font-size:21px; margin-top:20px;} .team_title{background:#f0f0f0; padding:7px 15px; margin-top:30px;} .team_title h1{margin:0; padding:0; font-size:17px;} .team_persons{overflow:hidden;} .team_persons .col-sm-6{padding:0;} .person_details{position:relative; padding-left:120px; min-height:110px; margin-top:18px;} .person_photo{position:absolute; top:0; left:0; width:100px;} .person_details h1{font-size:15px; margin:0 0 5px 0; padding:0;} .person_details p{font-size:15px; margin:0 0 5px 0; padding:0;} .person_details a{color:#323232; text-decoration:none;} /* End Contact */ /* Lead Scan */ .inner_cont2{margin-top:15px;} .inner_cont2 .col-sm-12{padding:0 10px;} .inner_cont2 .col-md-9.col-sm-12{padding:0;} .mid_cont{padding-left:0px; padding-right:0px;} .mid_cont h1{font-size:26px; margin-top:0;} .mid_cont h3{font-size:17px; margin-bottom:10px; margin-top:10px;} .mid_cont p{font-size:14px;} .mid_cont p.size1{font-size:17px; line-height:20px;} .mid_cont h1.main_title2{margin-bottom:10px;} .mid_cont .c_top{padding-right:30px;} .mid_cont ul{margin:0 0 25px 0; padding:0;} .mid_cont ul li{background:url(../red_arrow-3.html) no-repeat left 2px; font-size:14px; margin:0 0 6px 0; padding:1px 0 3px 24px; list-style:none;} .side_img{padding-left:30px; width:250px;} .grey_box4{background:#f0f0f0; position:relative; padding:60px 15px 15px 15px; margin-top:15px;} .grey_box4 h1{background:#5ec926; margin:0; padding:17px 15px; color:#fff; font-size:17px; position:absolute; left:0; top:0; width:100%; height:52px; text-transform: uppercase;} .grey_box4 .gr4_img{position:absolute; right:0; top:0; width:48px;} .grey_box5{background:#f0f0f0; position:relative; padding:60px 15px 15px 15px; margin-top:15px;} /*.grey_box5 h1{background:#5ec926; margin:0; padding:1px 45px 0px 15px; color:#fff; font-size:17px; position:absolute; left:0; top:0; width:100%; height:42px; text-transform: uppercase;}*/ /*.grey_box5 h1 span{height:42px; display:table-cell; vertical-align:middle;}*/ .grey_box5 h2{font-size:14px; margin-bottom:6px; margin-top:0;} .grey_box5 .gr5_img{position:absolute; right:5px; top:2px; width:40px;} .cp_wrap{position:relative;} .cp_wrap .grey_box5 { padding-top:15px; border-top:4px solid #5ec926;} .cp_wrap .grey_box5 h1{font-size:14px; background:none; color:#323232; text-transform:none; position:relative; padding:0; margin-bottom:10px;height:auto;} .cp_wrap .grey_box5 h1 span{height:auto;} .cp_wrap .grey_box5 P{margin-bottom:4px; line-height:18px;} .flow_opt{position:relative;} .flow_opt .grey_box5 { padding-top:15px; border-top:4px solid #f07812;} .flow_opt .grey_box5 h1{font-size:14px; background:none; color:#323232; text-transform:none; position:relative; padding:0; margin-bottom:10px;height:auto;} .flow_opt .grey_box5 h1 span{height:auto;} .flow_opt .grey_box5 P{margin-bottom:4px; line-height:18px;} /* End Lead Scan */ font-size: 35px; .ov_wrap{position:relative; overflow:hidden;} .ov_wrap_bg{position:absolute; top:30px; left:24px; height:460px; overflow:hidden;} .ov_wrap_bg img{width:22px; height:460px;} /*.ov_wrap .grey_box5{background:none; position:relative; padding:0; margin-bottom:4px; margin-top:8px;}*/ /*.ov_wrap .grey_box5 h1{font-size:15px; background:none; color:#323232; position: relative; margin:0 0 0 0; padding:0;}*/ /*.ov_wrap .grey_box5 p{font-size:14px;}*/ .ov_wrap .grey_box5 p:last-child{margin-bottom:0;} .ov_wrap .kk_num{width:30px !important; height:30px !important; line-height:30px; z-index:3; position:absolute; color:#fff; background:#ff0000; display:inline-block; left:5px; top:5px;} /*.ov_wrap .kk_txt{padding-left:50px;}*/ /*.ov_title{background:#f0f0f0; margin-bottom:2px; border-top:4px solid #de2a00;}*/ /*.ov_txt{background:#f0f0f0; padding:10px 15px;}*/ /*.about_side h3{font-size:17px; margin-bottom:2px;}*/ .big_blue_box .bw_box{margin-right:0; margin-bottom:15px;} /*.big_blue_box h1{font-size:23px;}*/ /*.big_blue_box .bw_box h1{font-size:15px;}*/ /*.big_blue_box .bw_box p{font-size:15px;}*/ .sf_process_block h1{font-size:24px;} .prs_box h1{font-size:18px;} .sf_process_block .prs7 .homepage_form{max-width:300px;} .wlb_block .bw_box{margin-right:0; margin-bottom:15px;} .wlb_block h1{font-size:23px;} .wlb_block .bw_box h1{font-size:15px;} .wlb_block .bw_box p{font-size:15px;} .brk4{display:none;} .swp-breadcrumbs{display:none;} .inner_banner_bg{ background-position:right top !important;} .inner_banner_content { display:block !important; } .inner_banner_content_mob { display:none !important; } .inner_banner_content { margin-top: 15px !important; } .inner_banner_bg { background-position: -235px top !important; } .our_value .container { width:100%; } .about_side h3 { font-size: 35px; } .ov_wrap .grey_box5 { padding: 20px 15px 20px 20px; } #footer #c3 .f_phone { text-align:left; } #footer #c3 { width:100%; } #footer #c3 .f_sf_partner { display: block; width: 100%; } #footer #c3 .f_social { display:none; } } @media (min-width: 640px) and (max-width: 767px){ .header_section{padding:12px; background:url(header_img2-5.jpg) no-repeat top; background-size:100%; overflow:hidden;} .header_section_155{padding:12px; background:url(header_img_what_we_do2-5.jpg) no-repeat top; background-size:100%; overflow:hidden;} .header_section_157{padding:12px; background:url(header_img_why_lavabox2-5.jpg) no-repeat top; background-size:100%; overflow:hidden;} .header_section_156{padding:12px; background:url(header_img_why_online2-5.jpg) no-repeat top; background-size:100%; overflow:hidden;} .header_section_158{padding:12px; background:url(header_img_about_us2-5.jpg) no-repeat top; background-size:100%; overflow:hidden;} .header_section_156 .header_section_inner{width:48%;} .header_section h1{font-size:20px; line-height:24px; margin-top:5px;} .header_section p{font-size:14px; line-height:17px; margin-top:14px;} .header_section_1 .header_section_inner{width:55%;} .header_section_155 .header_section_inner{width:47%;} .header_section_155 p{margin-top:0;} .header_section_155 h1{margin-bottom:5px;} .brk{display:none;} .orange_block{background:url(orange_block_bg-5.png) no-repeat top bottom; height:auto;} .orange_box{color:#fff; padding:15px 10px;} .orange_box h1{font-size:52px;} .orange_box h2{font-size:24px;} .orange_box p{font-size:21px; line-height:26px;} } /* Font Fixes */ @media (min-width: 640px) and (max-width: 740px){.header_section h1{font-size:20px; line-height:24px; margin-top:0px;} .header_section p{font-size:14px; line-height:17px; margin-top:12px;} .header_section_156 .header_section_inner{width:51%;}} @media (min-width: 640px) and (max-width: 690px){.header_section h1{font-size:18px; line-height:21px; margin-top:0px; margin-bottom:15px;} .header_section p{font-size:14px; line-height:16px; margin-top:0px;} .header_section_155 h1{margin-bottom:2px; margin-top:-3px;;} .header_section_157 h1{margin-bottom:7px; margin-top:-3px;;} .header_section_156 .header_section_inner{width:51%;}} /* End Font Fixes */ @media (max-width: 639px) { .top_header { background-position: left 0px; background-size: 550px; height: 62px; } .main_logo{width:120px; margin-top:0px; margin-left:22px;} #box_outside .container{ margin-top:10px; } .header_section{padding:12px; background:url(header_img_mobile-5.jpg) no-repeat top; background-size:100%; overflow:hidden;} .header_section_155{padding:12px; background:url(header_img_what_we_do_mobile-5.jpg) no-repeat top; background-size:100%; overflow:hidden;} .header_section_157{padding:12px; background:url(header_img_why_lavabox_mobile-5.jpg) no-repeat top; background-size:100%; overflow:hidden;} .header_section_156{padding:12px; background:url(header_img_why_online_mobile-5.jpg) no-repeat top; background-size:100%; overflow:hidden;} .header_section_158{padding:12px; background:url(header_img_about_us_mobile-5.jpg) no-repeat top; background-size:100%; overflow:hidden;} .header_section_inner{display:none;} .header_section_inner2{display:block;} .header_section_inner2 h1{font-size:23px; line-height:26px; margin-top:5px;} .header_section_inner2 p{font-size:14px; line-height:18px; margin-top:12px;} .brk{display:none;} .phone_container{display:block; padding:7px 12px 6px; margin-top:10px; font-size:19px;} .ph_img{float:left; margin-right:10px; margin-top:2px; vertical-align:middle;} .gbb2{margin-top:0px;} .contact_details .col-sm-4{width:40%; float:left;} .contact_details .col-sm-8{width:60%; float:left;} .orange_block{background:url(orange_block_bg-5.png) no-repeat top bottom; height:auto;} .orange_box{color:#fff; padding:25px 0;} .orange_box h1{font-size:38px; margin-top:0;} .orange_box h2{font-size:18px;} .orange_box p{font-size:18px; line-height:22px;} .brk5{display: inline;} /*.big_blue_box h1{font-size:20px;}*/ } @media (max-width: 479px) { .top_header { background-position: -35px 0px; background-size: 530px; } .left_bottom h1{font-size:50px; margin-top:0;} .left_bottom h2{font-size:18px; margin-bottom:10px; line-height:21px;} /*.left_bottom p{font-size:14px; line-height:18px; margin-bottom:5px;}*/ /*.home_ph{overflow:hidden; font-size:18px; line-height:30px; margin-top:0px;}*/ /*.ph_icon2{margin-right:8px;}*/ .orange_wrap1{margin-bottom:10px; margin-top:-20px; padding-bottom:5px;} .orange_wrap1 p{font-size:17px; margin-bottom:10px;} .brk2{display:inline;} /* contact */ .contact_num{margin-top:10px; padding-left:0px;} .contact_details .col-sm-4{width:100%; float:none;} .contact_details .col-sm-8{width:100%; float:none;} .c_det{position:relative; padding-left:28px; overflow:hidden;} .c_det .contact_icon{position:absolute; left:0; top:2px; width:22px;} .c_det h1{font-size:17px; margin-top:3px;} .team_contacts{border-top:10px solid #f0f0f0; margin-right:0px; margin-top:20px; padding-left:0px; overflow:hidden; text-align:center;} .team_contacts h1{margin-bottom:0px; font-size:21px; margin-top:20px;} .team_title{background:#f0f0f0; padding:7px 15px; margin-top:30px; text-align:center;} .team_title h1{margin:0; padding:0; font-size:17px;} .team_persons{overflow:hidden;} .team_persons .col-sm-6{padding:0;} .person_details{position:relative; padding-left:0px; min-height:230px; margin-top:18px; text-align:center;} .person_photo{position:relative; width:130px; margin:0 auto 10px auto;} .person_details h1{font-size:15px; margin:0 0 5px 0; padding:0;} .person_details p{font-size:15px; margin:0 0 0px 0; padding:0;} .person_details a{color:#323232; text-decoration:none;} /* End Contact */ .br_mob{display:none;} .big_blue_box h1 br{display:none;} .inner_banner_content { width: auto; } .inner_banner_content h2 { font-size: 20px !important; } .inner_banner_content h1 { font-size: 25px !important; } .bw_box .first, .bw_box .last { width: 100% !important;; text-align: center; } .bw_box .first img { float:none !important; } .home_ph, .home_request { font-size: 22px; margin-top: 10px; } } @media (max-width: 360px) { .form_wrapper { width: 100% !important; } } @media (max-width: 359px) { .brk{display:inline;} .brk3{display:inline !important;} .header_section_1{height:114px;} .header_section_155{height:120px;} .header_section_156{height:114px;} .header_section_157{height:136px;} .header_section_158{height:136px;} } .fbg { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; cursor:pointer; } .case_study .fbg{background-size:100%;} #fancybox-content{border:none !important;} #model-bg { background:#efefef; border:0px; border-radius:0px; } .modal-header {padding:20px 25px; border:0px;} #model-bg h4 {font-family: 'Replica Std Regular'; color:#FF2600; font-size:24px; font-weight:400; margin:0px; padding:0px; line-height:28px;} .modal-body {padding:0px;} .modal-body p { font-family: 'Replica Std Regular'; color:#414141; font-size:16px; padding:0px 0px 10px 25px;} .modal-body p a {color:#414141;} .modal-body .blue { background: #3277FF; padding: 10px 20px; height: 42px; width: 179px; margin-right: 25px; font-size: 16px; font-weight: bold; transition: 0.3s ease; font-family: 'Replica Std Regular'; } .modal-body .gray { background: #777777; padding: 10px 18px; height: 42px; width: 179px; margin-right: 25px; font-family: 'Replica Std Regular'; font-size: 16px; font-weight: bold; } .modal-body a.blue, .modal-body a.gray {color:#fff;} #myModal_1 { background:url(popup_bg_icon-5.png); } #myModal_1 .modal-dialog { margin-top:200px; width: 780px; } #links-holder { padding-top: 150px; } #links-holder .blue:hover { background: #f07812; transition: 0.3s ease; } .popup_img { padding: 0px 25px; } .popup_banner_img { margin-top: 55px; } @media (max-width: 991px) { #myModal_1 .modal-dialog { margin-top: 100px; width: 500px; } #links-holder { padding-top: 15px; text-align:center; } /*contact 992*/ .gray_block { background: #ebebeb !important; } #guide_form { background: #5a5555 !important; } .form_wrapper { max-width:none !important; padding: 15px !important; } /*contact 992*/ #author_block_id { text-align: center; } .white_block .author_block .author_text p { margin-left: 0px; } .popup_banner_img { margin-top:105px; } .white_block p img { margin: auto; } } @media (max-width: 768px) { .modal-body #links-holder p { text-align:center;} .modal-body a.blue, .modal-body a.gray { display:inline-block;} .modal-body #links-holder {margin:10px auto;} } @media (max-width: 767px) { #myModal_1 .modal-dialog { width: 90%; max-width:340px; margin: 50px auto; } #links-holder { padding-top: 30px; text-align: center; } .popup_banner_img { margin: auto; } .modal-body .blue { padding: 10px 10px;} .modal-body .gray {padding: 10px 10px;} } @media (min-width: 1550px) { .btm_top { background: #f5f5f5; background: -moz-linear-gradient(left, #f5f5f5 0%, #f5f5f5 57%, #e9e9e9 57%, #e9e9e9 57%, #e9e9e9 60%, #e9e9e9 100%); background: -webkit-linear-gradient(left, #f5f5f5 0%,#f5f5f5 57%,#e9e9e9 57%,#e9e9e9 57%,#e9e9e9 60%,#e9e9e9 100%); background: linear-gradient(to right, #f5f5f5 0%,#f5f5f5 57%,#e9e9e9 57%,#e9e9e9 57%,#e9e9e9 60%,#e9e9e9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e9e9e9',GradientType=1 ); } } /**********************Testimonial***********************/ body #wrapper_1 .career_inner_content { float: left; width: 100%; text-align: center; background-color: #f5f5f5; padding: 69px 0; } body #wrapper_1 .career_inner_content .inner h1{ font-size: 50px; margin: 0px 0px 33px 0px; color: #ff0000; font-family: 'Replica Std Light'; } #wrapper_1 .career_inner_content p{ font-size: 18px; color: #323232; margin: 0 0 0 0; padding: 0 0 0 0; } body .case-out { float: left; width: 100%; margin: 65px 0 30px 0; } body .testimonial_outer { float: left; width: 100%; background-color: #f5f5f5; padding: 23px 25px 34px 24px; margin:0 0 35px 0; border-top: 12px solid #ff7d00; } body .testimonial_outer:nth-child(1){ border-top: 12px solid #ff7d00; } body .testimonial_outer:nth-child(2){ border-top: 12px solid #0066ff; } body .testimonial_outer:nth-child(3){ border-top: 12px solid #ff0000; } body .testimonial_outer:nth-child(4){ border-top: 12px solid #00c2b7; } body .testimonial_outer .testi_left { float: left; width: 51%; padding: 0 20px 0 0; } body .testimonial_outer .testi_left p{ font-size: 17px; line-height: 22px; color: #323232; margin: 0 0 25px 0; padding: 0 22px 0 0; } body .testimonial_outer .testi_left .sub_dec { float: left; width: 100%; } body .testimonial_outer .testi_left .sub_dec p{ color: #787878; font-size: 24px; text-align: left; font-family: 'Replica Std Light'; line-height: 30px; } body .testimonial_outer .testi_left .sub_dec span.name { font-size: 17.32px; font-family: 'Replica Std Bold'; color: #323232; display: block; } body .testimonial_outer .testi_left .sub_dec span.designation { font-size: 17.32px; font-family: 'Replica Std Light'; color: #787878; display: block; } body .testimonial_outer .testi_left h3{ font-size: 23px; color: #ff0000; font-family: 'Replica Std Bold'; } body .testimonial_outer .testi_right { float: right; width: 49%; } body .testimonial_outer .testi_right .testi_videos { position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */ } body .testimonial_outer .testi_right .testi_videos iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } body .testimonial_outer .testi_right .client_logo { float: right; margin: 0 0 19px 0; } @media (min-width: 220px) and (max-width: 767px){ body .case-out { margin: 45px 0 10px 0; } body #wrapper_1 .career_inner_content { padding: 29px 0; } body #wrapper_1 .career_inner_content .inner h1{ font-size: 32px; margin: 0px 0px 19px 0px; } body .testi_videos .player .vp-title .vp-title-header h1 a{ font-size: 14px !important; } body .testimonial_outer { padding: 15px 0px 25px 0px; } body .testimonial_outer .testi_left { width: 100%; padding: 0 15px 0 15px; margin: 0 0 20px 0; } body .testimonial_outer .testi_right { width: 100%; padding: 0 15px 0 15px; } body .testimonial_outer .testi_left h3{ font-size: 18px; } body .testimonial_outer .testi_left p{ font-size: 14px; padding: 0 0 0 0; } body .testimonial_outer .testi_left .sub_dec p{ color: #787878; font-size: 19px; padding: 0 0 0 0; line-height: 25px; } } @media (min-width: 768px) and (max-width: 991px){ body .case-out { margin: 45px 0 10px 0; } body #wrapper_1 .career_inner_content { padding: 49px 0; } body #wrapper_1 .career_inner_content .inner h1{ font-size: 32px; margin: 0px 0px 19px 0px; } } @media (min-width: 992px) and (max-width: 1199px){ body #wrapper_1 .career_inner_content { padding: 49px 0; } body #wrapper_1 .career_inner_content .inner h1{ font-size: 42px; margin: 0px 0px 25px 0px; } } /*=== Header nav ===*/ @media (min-width: 1200px) and (max-width: 1366px){ div#header .navbar { margin: -18px 0px 0 0; } div#header .navbar .navbar-nav>li { margin-left: 4px; } div#header .nav>li>a{ font-size: 16px; } } @media (min-width: 1367px) and (max-width: 1680px){ div#header .navbar .navbar-nav>li { margin-left: 14px; } div#header .nav>li>a{ font-size: 16px; padding: 20px 8px; } } /*=== Header reseller logo ===*/ body #header .block_3 { width: auto; display: flex; align-items: center; } body #header .block_3 img+img{ margin-left: 10px; } @media (min-width: 768px) and (max-width: 1199px){ body #header .block_3 { right: 100px; } body #header .block_1 { right: 270px; } } @media (min-width: 1200px) and (max-width: 1366px){ body #header .block_3 { top: 26px; } body #header .block_3 img{ max-height: 58px; } body #header .top_header { padding-right: 310px; } body #header .block_1 { right: 164px; } } @media (max-width: 767px){ body #header .block_3 { display: none; } }