@charset "utf-8"; /* CSS Document */ @media only screen and (min-width: 240px) and (max-width: 269px){ #main_layout .header{ width:100%; position:relative; height:auto; float:left;} #main_layout .header .main_header{ width:100%; height:auto; margin:0 auto;} #main_layout .header .main_header .logo_image{ width:100%; height:auto; position:relative; float:left; padding:0% 0% 0% 0%;} #main_layout .header .main_header .logo_image img{ width:100%; height:auto;} #main_layout .header .main_header .logo_text{ width:90%; clear:both; margin-left:5% !important; height:auto; margin:0 auto; position:relative; padding:1% 0% 0% 0%;} #main_layout .header .main_header .logo_text p{ font-family:Arial, Helvetica, sans-serif; font-size:25px; color:#2f3192; line-height:25px; font-weight:bold; text-transform:uppercase;} #main_layout .header .main_header .logo_text p span{ font-family:Arial, Helvetica, sans-serif; font-size:12px !important; color:#6c6c6c; line-height:18px !important; font-weight:normal; text-transform:uppercase;} #main_layout .header .main_header .logo_image_right{ width:90%; height:auto; margin-left:5% !important; float:left; position:relative; clear:both ; margin:0 auto; padding:1% 0% 0% 0%;} #main_layout .navigation_main .menu_main{ width:90%; position:relative; height:48px; margin:0 auto;} .nav > li {background:#0095da !important; border-top: 1px solid #175e4c; float: left; text-transform: uppercase;} .nav > li > a:hover { background:#000 none !important; } .nav li ul { left: -9999px; position: absolute; width:100% !important;} #main_layout .banner{ width:100%; position:relative; height:auto;; float:left; z-index:1;} #main_layout .banner .banner_main{ width:90%; position:relative; height:auto !important; margin:0 auto;} .callbacks_container { margin-bottom: 0px !important; position: relative; float: left; width: 100%; } #main_layout .wrapper_main_content{ width:90%; height:auto; margin:0 auto; padding:20px 0px 40px 0px; } #main_layout .wrapper_main_content h1{ font-family: 'Didact Gothic', sans-serif; font-weight:400; color:#424242; font-size:25px; font-weight:bold; } #main_layout .footer .main_footer{ width:90%; height:auto; margin:0 auto;} #main_layout .footer .main_footer .blue_box{ width:96%; height:auto; clear:both; background-color:#0081bb; padding:2% 2% 2% 2%; position:relative; float:left;} #main_layout .footer .main_footer .sitmap{ width:96%; height:auto; clear:both; padding:2% 2% 2% 2%; border-right:none; position:relative; float:left;} #main_layout .footer .main_footer .sitmap_last{ width:98%; height:auto; clear:both; padding:2% 0% 2% 2%; position:relative; float:left;} #main_layout .footer_bootom .main_footer_bottom{ width:90%; height:auto; margin:0 auto;} #main_layout .footer_bootom .main_footer_bottom .left_text{ width:100%; height:auto; position:relative; float:left; line-height:18px; color:#454545; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;} #main_layout .footer_bootom .main_footer_bottom .right_text{ width:100%; height:auto; position:relative; float:right; line-height:18px; text-align:left; color:#454545; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;} /*inner page css*/ #main_layout .banner .banner_main .image_banner{ width:100%; position:relative; height:auto; float:left; background-color:#0096da;} #main_layout .banner .banner_main .image_banner img{ width:100%; height:auto;} #main_layout .banner .banner_main .box_text{ width:96%; position:relative; float:left; height:auto; float:left; padding:2%; background-color:#0096da;} #main_layout .banner .banner_main .box_text h1{ font-size:20px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#FFF; text-align:right; line-height:50px; font-weight:bold;} #main_layout .wrapper_main_content .content_left{ width:100%; position:relative; float:left; padding:10px 0px 20px 0px;} #main_layout .wrapper_main_content .content_right{ width:100%; position:relative; float:right; padding:10px 0px 20px 0px;} .righttab_quick{ top:200px; right:0; float:right; position:fixed; z-index:999;} .cb_slide_panel .inner { padding: 20px 0 0 20px; width: 70% !important;} .cb_slide_panel.panel_right { height: 100%; width: 80% !important;} .form_enq_neww .neme_field { color: #333333; float: left; font-family: Verdana,Geneva,sans-serif; font-size: 12px; font-weight: normal; line-height: 14px; position: relative; text-align: left; width: 100% !important;} .form_enq_neww { color: #333333; font-family: Verdana,Geneva,sans-serif; font-size: 12px; font-weight: normal; margin-bottom: 5px !important; line-height: 14px !important; text-align: left;} #main_layout .wrapper_main_content .content_right .contact .address{ width:100%; position:relative; height:auto; float:left;} #main_layout .wrapper_main_content .content_right .contact .address_map{ width:99%; position:relative; height:auto; float:right; border:2px solid #fff;} #main_layout .wrapper_main_content .content_right .contact .address h1{font-family:Arial, Helvetica, sans-serif; color:#343434; font-size:18px; line-height:18px; padding:5px 0px 15px 0px; margin-bottom:10px; font-weight:normal; border-bottom:1px dashed #ddd;} } @media only screen and (min-width: 270px) and (max-width: 319px){ #main_layout .header{ width:100%; position:relative; height:auto; float:left;} #main_layout .header .main_header{ width:100%; height:auto; margin:0 auto;} #main_layout .header .main_header .logo_image{ width:100%; height:auto; position:relative; float:left; padding:0% 0% 0% 0%;} #main_layout .header .main_header .logo_image img{ width:100%; height:auto;} #main_layout .header .main_header .logo_text{ width:90%; clear:both; margin-left:5% !important; height:auto; margin:0 auto; position:relative; padding:1% 0% 0% 0%;} #main_layout .header .main_header .logo_text p{ font-family:Arial, Helvetica, sans-serif; font-size:25px; color:#2f3192; line-height:25px; font-weight:bold; text-transform:uppercase;} #main_layout .header .main_header .logo_text p span{ font-family:Arial, Helvetica, sans-serif; font-size:12px !important; color:#6c6c6c; line-height:18px !important; font-weight:normal; text-transform:uppercase;} #main_layout .header .main_header .logo_image_right{ width:90%; height:auto; margin-left:5% !important; float:left; position:relative; clear:both ; margin:0 auto; padding:1% 0% 0% 0%;} #main_layout .navigation_main .menu_main{ width:90%; position:relative; height:48px; margin:0 auto;} .nav > li {background:#0095da !important; border-top: 1px solid #175e4c; float: left; text-transform: uppercase;} .nav > li > a:hover { background:#000 none !important; } .nav li ul { left: -9999px; position: absolute; width:100% !important;} #main_layout .banner{ width:100%; position:relative; height:auto;; float:left; z-index:1;} #main_layout .banner .banner_main{ width:90%; position:relative; height:auto !important; margin:0 auto;} .callbacks_container { margin-bottom: 0px !important; position: relative; float: left; width: 100%; } #main_layout .wrapper_main_content{ width:90%; height:auto; margin:0 auto; padding:20px 0px 40px 0px; } #main_layout .wrapper_main_content h1{ font-family: 'Didact Gothic', sans-serif; font-weight:400; color:#424242; font-size:25px; font-weight:bold; } #main_layout .footer .main_footer{ width:90%; height:auto; margin:0 auto;} #main_layout .footer .main_footer .blue_box{ width:96%; height:auto; clear:both; background-color:#0081bb; padding:2% 2% 2% 2%; position:relative; float:left;} #main_layout .footer .main_footer .sitmap{ width:96%; height:auto; clear:both; padding:2% 2% 2% 2%; border-right:none; position:relative; float:left;} #main_layout .footer .main_footer .sitmap_last{ width:98%; height:auto; clear:both; padding:2% 0% 2% 2%; position:relative; float:left;} #main_layout .footer_bootom .main_footer_bottom{ width:90%; height:auto; margin:0 auto;} #main_layout .footer_bootom .main_footer_bottom .left_text{ width:100%; height:auto; position:relative; float:left; line-height:18px; color:#454545; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;} #main_layout .footer_bootom .main_footer_bottom .right_text{ width:100%; height:auto; position:relative; float:right; line-height:18px; text-align:left; color:#454545; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;} /*inner page css*/ #main_layout .banner .banner_main .image_banner{ width:100%; position:relative; height:auto; float:left; background-color:#0096da;} #main_layout .banner .banner_main .image_banner img{ width:100%; height:auto;} #main_layout .banner .banner_main .box_text{ width:96%; position:relative; float:left; height:auto; float:left; padding:2%; background-color:#0096da;} #main_layout .banner .banner_main .box_text h1{ font-size:20px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#FFF; text-align:right; line-height:50px; font-weight:bold;} #main_layout .wrapper_main_content .content_left{ width:100%; position:relative; float:left; padding:10px 0px 20px 0px;} #main_layout .wrapper_main_content .content_right{ width:100%; position:relative; float:right; padding:10px 0px 20px 0px;} .cb_slide_panel .inner { padding: 20px 0 0 20px; width: 70% !important;} .cb_slide_panel.panel_right { height: 100%; width: 80% !important;} .form_enq_neww .neme_field { color: #333333; float: left; font-family: Verdana,Geneva,sans-serif; font-size: 12px; font-weight: normal; line-height: 14px; position: relative; text-align: left; width: 100% !important;} .righttab_quick{ top:200px; right:0; float:right; position:fixed; z-index:999;} #main_layout .wrapper_main_content .content_right .contact .address{ width:100%; position:relative; height:auto; float:left;} #main_layout .wrapper_main_content .content_right .contact .address_map{ width:99%; position:relative; height:auto; float:right; border:2px solid #fff;} #main_layout .wrapper_main_content .content_right .contact .address h1{font-family:Arial, Helvetica, sans-serif; color:#343434; font-size:18px; line-height:18px; padding:5px 0px 15px 0px; margin-bottom:10px; font-weight:normal; border-bottom:1px dashed #ddd;} } @media only screen and (min-width:320px) and (max-width: 359px){ #main_layout .header{ width:100%; position:relative; height:auto; float:left;} #main_layout .header .main_header{ width:100%; height:auto; margin:0 auto;} #main_layout .header .main_header .logo_image{ width:100%; height:auto; position:relative; float:left; padding:0% 0% 0% 0%;} #main_layout .header .main_header .logo_image img{ width:100%; height:auto;} #main_layout .header .main_header .logo_text{ width:90%; clear:both; margin-left:5% !important; height:auto; margin:0 auto; position:relative; padding:1% 0% 0% 0%;} #main_layout .header .main_header .logo_text p{ font-family:Arial, Helvetica, sans-serif; font-size:25px; color:#2f3192; line-height:25px; font-weight:bold; text-transform:uppercase;} #main_layout .header .main_header .logo_text p span{ font-family:Arial, Helvetica, sans-serif; font-size:12px !important; color:#6c6c6c; line-height:18px !important; font-weight:normal; text-transform:uppercase;} #main_layout .header .main_header .logo_image_right{ width:90%; height:auto; margin-left:5% !important; float:left; position:relative; clear:both ; margin:0 auto; padding:1% 0% 0% 0%;} #main_layout .navigation_main .menu_main{ width:90%; position:relative; height:48px; margin:0 auto;} .nav > li {background:#0095da !important; border-top: 1px solid #175e4c; float: left; text-transform: uppercase;} .nav > li > a:hover { background:#000 none !important; } .nav li ul { left: -9999px; position: absolute; width:100% !important;} #main_layout .banner{ width:100%; position:relative; height:auto;; float:left; z-index:1;} #main_layout .banner .banner_main{ width:90%; position:relative; height:auto !important; margin:0 auto;} .callbacks_container { margin-bottom: 0px !important; position: relative; float: left; width: 100%; } #main_layout .wrapper_main_content{ width:90%; height:auto; margin:0 auto; padding:20px 0px 40px 0px; } #main_layout .wrapper_main_content h1{ font-family: 'Didact Gothic', sans-serif; font-weight:400; color:#424242; font-size:25px; font-weight:bold; } #main_layout .footer .main_footer{ width:90%; height:auto; margin:0 auto;} #main_layout .footer .main_footer .blue_box{ width:96%; height:auto; clear:both; background-color:#0081bb; padding:2% 2% 2% 2%; position:relative; float:left;} #main_layout .footer .main_footer .sitmap{ width:96%; height:auto; clear:both; padding:2% 2% 2% 2%; border-right:none; position:relative; float:left;} #main_layout .footer .main_footer .sitmap_last{ width:98%; height:auto; clear:both; padding:2% 0% 2% 2%; position:relative; float:left;} #main_layout .footer_bootom .main_footer_bottom{ width:90%; height:auto; margin:0 auto;} #main_layout .footer_bootom .main_footer_bottom .left_text{ width:100%; height:auto; position:relative; float:left; line-height:18px; color:#454545; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;} #main_layout .footer_bootom .main_footer_bottom .right_text{ width:100%; height:auto; position:relative; float:right; line-height:18px; text-align:left; color:#454545; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;} /*inner page css*/ #main_layout .banner .banner_main .image_banner{ width:100%; position:relative; height:auto; float:left; background-color:#0096da;} #main_layout .banner .banner_main .image_banner img{ width:100%; height:auto;} #main_layout .banner .banner_main .box_text{ width:96%; position:relative; float:left; height:auto; float:left; padding:2%; background-color:#0096da;} #main_layout .banner .banner_main .box_text h1{ font-size:20px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#FFF; text-align:right; line-height:50px; font-weight:bold;} #main_layout .wrapper_main_content .content_left{ width:100%; position:relative; float:left; padding:10px 0px 20px 0px;} #main_layout .wrapper_main_content .content_right{ width:100%; position:relative; float:right; padding:10px 0px 20px 0px;} .righttab_quick{ top:250px; right:0; float:right; position:fixed; z-index:999;} #main_layout .wrapper_main_content .content_right .contact .address{ width:100%; position:relative; height:auto; float:left;} #main_layout .wrapper_main_content .content_right .contact .address_map{ width:99%; position:relative; height:auto; float:right; border:2px solid #fff;} #main_layout .wrapper_main_content .content_right .contact .address h1{font-family:Arial, Helvetica, sans-serif; color:#343434; font-size:18px; line-height:18px; padding:5px 0px 15px 0px; margin-bottom:10px; font-weight:normal; border-bottom:1px dashed #ddd;} } @media only screen and (min-width:360px) and (max-width: 479px){ #main_layout .header{ width:100%; position:relative; height:auto; float:left;} #main_layout .header .main_header{ width:100%; height:auto; margin:0 auto;} #main_layout .header .main_header .logo_image{ width:25%; height:auto; position:relative; float:left; padding:0% 0% 0% 0%;} #main_layout .header .main_header .logo_image img{ width:100%; height:auto;} #main_layout .header .main_header .logo_text{ width:70%; height:auto; position:relative; float:right; padding:1% 0% 0% 0%;} #main_layout .header .main_header .logo_text p{ font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#2f3192; line-height:25px; font-weight:bold; text-transform:uppercase;} #main_layout .header .main_header .logo_text p span{ font-family:Arial, Helvetica, sans-serif; font-size:12px !important; color:#6c6c6c; line-height:18px !important; font-weight:normal; text-transform:uppercase;} #main_layout .header .main_header .logo_image_right{ width:35%; height:auto; margin-right:1% !important; float:right; position:relative; margin:0 auto; padding:1% 0% 0% 0%;} #main_layout .navigation_main .menu_main{ width:90%; position:relative; height:48px; margin:0 auto;} .nav > li {background:#0095da !important; border-top: 1px solid #175e4c; float: left; text-transform: uppercase;} .nav > li > a:hover { background:#000 none !important; } .nav li ul { left: -9999px; position: absolute; width:100% !important;} #main_layout .banner{ width:100%; position:relative; height:auto;; float:left; z-index:1;} #main_layout .banner .banner_main{ width:90%; position:relative; height:auto !important; margin:0 auto;} .callbacks_container { margin-bottom: 0px !important; position: relative; float: left; width: 100%; } #main_layout .wrapper_main_content{ width:90%; height:auto; margin:0 auto; padding:20px 0px 40px 0px; } #main_layout .wrapper_main_content h1{ font-family: 'Didact Gothic', sans-serif; font-weight:400; color:#424242; font-size:25px; font-weight:bold; } #main_layout .footer .main_footer{ width:90%; height:auto; margin:0 auto;} #main_layout .footer .main_footer .blue_box{ width:96%; height:auto; clear:both; background-color:#0081bb; padding:2% 2% 2% 2%; position:relative; float:left;} #main_layout .footer .main_footer .sitmap{ width:96%; height:auto; clear:both; padding:2% 2% 2% 2%; border-right:none; position:relative; float:left;} #main_layout .footer .main_footer .sitmap_last{ width:98%; height:auto; clear:both; padding:2% 0% 2% 2%; position:relative; float:left;} #main_layout .footer_bootom .main_footer_bottom{ width:90%; height:auto; margin:0 auto;} #main_layout .footer_bootom .main_footer_bottom .left_text{ width:100%; height:auto; position:relative; float:left; line-height:18px; color:#454545; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;} #main_layout .footer_bootom .main_footer_bottom .right_text{ width:100%; height:auto; position:relative; float:right; line-height:18px; text-align:left; color:#454545; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;} /*inner page css*/ #main_layout .banner .banner_main .image_banner{ width:100%; position:relative; height:auto; float:left; background-color:#0096da;} #main_layout .banner .banner_main .image_banner img{ width:100%; height:auto;} #main_layout .banner .banner_main .box_text{ width:96%; position:relative; float:left; height:auto; float:left; padding:2%; background-color:#0096da;} #main_layout .banner .banner_main .box_text h1{ font-size:20px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#FFF; text-align:right; line-height:50px; font-weight:bold;} #main_layout .wrapper_main_content .content_left{ width:100%; position:relative; float:left; padding:10px 0px 20px 0px;} #main_layout .wrapper_main_content .content_right{ width:100%; position:relative; float:right; padding:10px 0px 20px 0px;} .righttab_quick{ top:208px; right:0; float:right; position:fixed; z-index:99999;} #main_layout .wrapper_main_content .content_right .contact .address{ width:100%; position:relative; height:auto; float:left;} #main_layout .wrapper_main_content .content_right .contact .address_map{ width:99%; position:relative; height:auto; float:right; border:2px solid #fff;} #main_layout .wrapper_main_content .content_right .contact .address h1{font-family:Arial, Helvetica, sans-serif; color:#343434; font-size:18px; line-height:18px; padding:5px 0px 15px 0px; margin-bottom:10px; font-weight:normal; border-bottom:1px dashed #ddd;} } @media only screen and (min-width: 480px) and (max-width: 639px){ #main_layout .header{ width:100%; position:relative; height:auto; float:left;} #main_layout .header .main_header{ width:90%; height:auto; margin:0 auto;} #main_layout .header .main_header .logo_image{ width:25%; height:auto; position:relative; float:left; padding:1% 0% 0% 0%;} #main_layout .header .main_header .logo_image img{ width:100%; height:auto;} #main_layout .header .main_header .logo_text{ width:70%; height:auto; position:relative; float:right; padding:1% 0% 0% 0%;} #main_layout .header .main_header .logo_text p{ font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#2f3192; line-height:25px; font-weight:bold; text-transform:uppercase;} #main_layout .header .main_header .logo_text p span{ font-family:Arial, Helvetica, sans-serif; font-size:12px !important; color:#6c6c6c; line-height:18px !important; font-weight:normal; text-transform:uppercase;} #main_layout .header .main_header .logo_image_right{ width:35%; height:auto; margin-right:1% !important; float:right; position:relative; margin:0 auto; padding:1% 0% 0% 0%;} #main_layout .navigation_main .menu_main{ width:90%; position:relative; height:48px; margin:0 auto;} .nav > li {background:#0095da !important; border-top: 1px solid #175e4c; float: left; text-transform: uppercase;} .nav > li > a:hover { background:#000 none !important; } .nav li ul { left: -9999px; position: absolute; width:100% !important;} #main_layout .banner{ width:100%; position:relative; height:auto;; float:left; z-index:1;} #main_layout .banner .banner_main{ width:90%; position:relative; height:auto !important; margin:0 auto;} .callbacks_container { margin-bottom: 0px !important; position: relative; float: left; width: 100%; } #main_layout .wrapper_main_content{ width:90%; height:auto; margin:0 auto; padding:20px 0px 40px 0px; } #main_layout .wrapper_main_content h1{ font-family: 'Didact Gothic', sans-serif; font-weight:400; color:#424242; font-size:25px; font-weight:bold; } #main_layout .footer .main_footer{ width:90%; height:auto; margin:0 auto;} #main_layout .footer .main_footer .blue_box{ width:96%; height:auto; clear:both; background-color:#0081bb; padding:2% 2% 2% 2%; position:relative; float:left;} #main_layout .footer .main_footer .sitmap{ width:96%; height:auto; clear:both; padding:2% 2% 2% 2%; border-right:none; position:relative; float:left;} #main_layout .footer .main_footer .sitmap_last{ width:98%; height:auto; clear:both; padding:2% 0% 2% 2%; position:relative; float:left;} #main_layout .footer_bootom .main_footer_bottom{ width:90%; height:auto; margin:0 auto;} #main_layout .footer_bootom .main_footer_bottom .left_text{ width:100%; height:auto; position:relative; float:left; line-height:18px; color:#454545; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;} #main_layout .footer_bootom .main_footer_bottom .right_text{ width:100%; height:auto; position:relative; float:right; line-height:18px; text-align:left; color:#454545; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;} /*inner page css*/ #main_layout .banner .banner_main .image_banner{ width:100%; position:relative; height:auto; float:left; background-color:#0096da;} #main_layout .banner .banner_main .image_banner img{ width:100%; height:auto;} #main_layout .banner .banner_main .box_text{ width:96%; position:relative; float:left; height:auto; float:left; padding:2%; background-color:#0096da;} #main_layout .banner .banner_main .box_text h1{ font-size:20px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#FFF; text-align:right; line-height:50px; font-weight:bold;} #main_layout .wrapper_main_content .content_left{ width:100%; position:relative; float:left; padding:10px 0px 20px 0px;} #main_layout .wrapper_main_content .content_right{ width:100%; position:relative; float:right; padding:10px 0px 20px 0px;} .righttab_quick{ top:208px; right:0; float:right; position:fixed; z-index:99999;} #main_layout .wrapper_main_content .content_right .contact .address{ width:100%; position:relative; height:auto; float:left;} #main_layout .wrapper_main_content .content_right .contact .address_map{ width:99%; position:relative; height:auto; float:right; border:2px solid #fff;} } @media only screen and (min-width : 640px) and (max-width :767px){ #main_layout .header{ width:100%; position:relative; height:auto; float:left;} #main_layout .header .main_header{ width:90%; height:auto; margin:0 auto;} #main_layout .header .main_header .logo_image{ width:20%; height:auto; position:relative; float:left; padding:1% 0% 0% 0%;} #main_layout .header .main_header .logo_image img{ width:100%; height:auto;} #main_layout .header .main_header .logo_text{ width:50%; height:auto; position:relative; margin-left:2%; float:left; padding:8% 0% 0% 0%;} #main_layout .header .main_header .logo_text p{ font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#2f3192; line-height:25px; font-weight:bold; text-transform:uppercase;} #main_layout .header .main_header .logo_text p span{ font-family:Arial, Helvetica, sans-serif; font-size:12px !important; color:#6c6c6c; line-height:18px !important; font-weight:normal; text-transform:uppercase;} #main_layout .header .main_header .logo_image_right{ width:18%; height:auto; margin-right:1% !important; float:right; position:relative; margin:0 auto; padding:1% 0% 0% 0%;} #main_layout .header .main_header .logo_image_right img{ width:100%; height:auto;} #main_layout .navigation_main .menu_main{ width:90%; position:relative; height:48px; margin:0 auto;} .nav > li {background:#0095da !important; border-top: 1px solid #175e4c; float: left; text-transform: uppercase;} .nav > li > a:hover { background:#000 none !important; } .nav li ul { left: -9999px; position: absolute; width:100% !important;} #main_layout .banner{ width:100%; position:relative; height:auto;; float:left; z-index:1;} #main_layout .banner .banner_main{ width:90%; position:relative; height:auto !important; margin:0 auto;} .callbacks_container { margin-bottom: 0px !important; position: relative; float: left; width: 100%; } #main_layout .wrapper_main_content{ width:90%; height:auto; margin:0 auto; padding:20px 0px 40px 0px; } #main_layout .wrapper_main_content h1{ font-family: 'Didact Gothic', sans-serif; font-weight:400; color:#424242; font-size:25px; font-weight:bold; } #main_layout .footer .main_footer{ width:90%; height:auto; margin:0 auto;} #main_layout .footer .main_footer .blue_box{ width:46%; height:auto; background-color:#0081bb; padding:2% 2% 12% 2%; position:relative; float:left;} #main_layout .footer .main_footer .sitmap{ width:46%; height:auto; padding:2% 2% 2% 2%; border-right:none; position:relative; float:left;} #main_layout .footer .main_footer .sitmap_last{ width:46%; height:auto; padding:2% 0% 2% 2%; position:relative; float:left;} #main_layout .footer_bootom .main_footer_bottom{ width:90%; height:auto; margin:0 auto;} #main_layout .footer_bootom .main_footer_bottom .left_text{ width:60%; height:auto; position:relative; float:left; line-height:50px; color:#454545; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;} #main_layout .footer_bootom .main_footer_bottom .right_text{ width:40%; height:auto; position:relative; float:right; line-height:50px; text-align:right; color:#454545; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;} /*inner page css*/ #main_layout .banner .banner_main .image_banner{ width:100%; position:relative; height:auto; float:left; background-color:#0096da;} #main_layout .banner .banner_main .image_banner img{ width:100%; height:auto;} #main_layout .banner .banner_main .box_text{ width:96%; position:relative; float:left; height:auto; float:left; padding:2%; background-color:#0096da;} #main_layout .banner .banner_main .box_text h1{ font-size:20px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#FFF; text-align:right; line-height:50px; font-weight:bold;} #main_layout .wrapper_main_content .content_left{ width:35%; position:relative; float:left; padding:10px 0px 20px 0px;} #main_layout .wrapper_main_content .content_right{ width:60%; position:relative; float:right; padding:10px 0px 20px 0px;} .righttab_quick{ top:208px; right:0; float:right; position:fixed; z-index:99999;} #main_layout .wrapper_main_content .content_right .contact .address{ width:100%; position:relative; height:auto; float:left;} #main_layout .wrapper_main_content .content_right .contact .address_map{ width:99%; position:relative; height:auto; float:right; border:2px solid #fff;} } @media only screen and (min-width : 768px) and (max-width : 979px){ #main_layout .header{ width:100%; position:relative; height:auto; float:left;} #main_layout .header .main_header{ width:90%; height:auto; margin:0 auto;} #main_layout .header .main_header .logo_image{ width:15%; height:auto; position:relative; float:left; padding:1% 0% 0% 0%;} #main_layout .header .main_header .logo_image img{ width:100%; height:auto;} #main_layout .header .main_header .logo_text{ width:64%; height:auto; position:relative; margin-left:2%; float:left; padding:8% 0% 0% 0%;} #main_layout .header .main_header .logo_text p{ font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#2f3192; line-height:25px; font-weight:bold; text-transform:uppercase;} #main_layout .header .main_header .logo_text p span{ font-family:Arial, Helvetica, sans-serif; font-size:12px !important; color:#6c6c6c; line-height:18px !important; font-weight:normal; text-transform:uppercase;} #main_layout .header .main_header .logo_image_right{ width:18%; height:auto; margin-right:1% !important; float:right; position:relative; margin:0 auto; padding:1% 0% 0% 0%;} #main_layout .header .main_header .logo_image_right img{ width:100%; height:auto;} #main_layout .navigation_main .menu_main{ width:90%; position:relative; height:48px; margin:0 auto;} .nav a { color: #fff; padding: 15.5px 20px 15px 8px !important; font-size:14px !important;} .nav li ul { left: -9999px; position: absolute; width:165px !important;} #main_layout .banner{ width:100%; position:relative; height:auto;; float:left; z-index:1;} #main_layout .banner .banner_main{ width:90%; position:relative; height:auto !important; margin:0 auto;} .callbacks_container { margin-bottom: 0px !important; position: relative; float: left; width: 100%; } #main_layout .wrapper_main_content{ width:90%; height:auto; margin:0 auto; padding:20px 0px 40px 0px; } #main_layout .wrapper_main_content h1{ font-family: 'Didact Gothic', sans-serif; font-weight:400; color:#424242; font-size:25px; font-weight:bold; } #main_layout .footer .main_footer{ width:90%; height:auto; margin:0 auto;} #main_layout .footer .main_footer .blue_box{ width:46%; height:auto; background-color:#0081bb; padding:2% 2% 10% 2%; position:relative; float:left;} #main_layout .footer .main_footer .sitmap{ width:46%; height:auto; padding:2% 2% 2% 2%; border-right:none; position:relative; float:left;} #main_layout .footer .main_footer .sitmap_last{ width:46%; height:auto; padding:2% 0% 2% 2%; position:relative; float:left;} #main_layout .footer_bootom .main_footer_bottom{ width:90%; height:auto; margin:0 auto;} #main_layout .footer_bootom .main_footer_bottom .left_text{ width:60%; height:auto; position:relative; float:left; line-height:50px; color:#454545; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;} #main_layout .footer_bootom .main_footer_bottom .right_text{ width:40%; height:auto; position:relative; float:right; line-height:50px; text-align:right; color:#454545; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;} /*inner page css*/ #main_layout .banner .banner_main .image_banner{ width:100%; position:relative; height:auto; float:left; background-color:#0096da;} #main_layout .banner .banner_main .image_banner img{ width:100%; height:auto;} #main_layout .banner .banner_main .box_text{ width:96%; position:relative; float:left; height:auto; float:left; padding:2%; background-color:#0096da;} #main_layout .banner .banner_main .box_text h1{ font-size:20px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#FFF; text-align:right; line-height:50px; font-weight:bold;} } @media only screen and (min-width : 980px) and (max-width : 1024px){ #main_layout .header{ width:100%; position:relative; height:auto; float:left;} #main_layout .header .main_header{ width:90%; height:auto; margin:0 auto;} #main_layout .header .main_header .logo_image{ width:15%; height:auto; position:relative; float:left; padding:1% 0% 0% 0%;} #main_layout .header .main_header .logo_image img{ width:100%; height:auto;} #main_layout .header .main_header .logo_text{ width:64%; height:auto; position:relative; margin-left:2%; float:left; padding:8% 0% 0% 0%;} #main_layout .header .main_header .logo_text p{ font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#2f3192; line-height:25px; font-weight:bold; text-transform:uppercase;} #main_layout .header .main_header .logo_text p span{ font-family:Arial, Helvetica, sans-serif; font-size:12px !important; color:#6c6c6c; line-height:18px !important; font-weight:normal; text-transform:uppercase;} #main_layout .header .main_header .logo_image_right{ width:18%; height:auto; margin-right:1% !important; float:right; position:relative; margin:0 auto; padding:1% 0% 0% 0%;} #main_layout .header .main_header .logo_image_right img{ width:100%; height:auto;} #main_layout .navigation_main .menu_main{ width:90%; position:relative; height:48px; margin:0 auto;} .nav a { color: #fff; padding: 13.5px 25px 13.5px 14px !important; font-size:14px !important;} .nav li ul { left: -9999px; position: absolute; width:240px !important;} .nav li li a{ font-size:12px !important;} #main_layout .banner{ width:100%; position:relative; height:auto;; float:left; z-index:1;} #main_layout .banner .banner_main{ width:90%; position:relative; margin:0 auto; height:200px; background-color:#0096da; } .callbacks_container { margin-bottom: 0px !important; position: relative; float: left; width: 100%; } #main_layout .wrapper_main_content{ width:90%; height:auto; margin:0 auto; padding:20px 0px 40px 0px; } #main_layout .wrapper_main_content h1{ font-family: 'Didact Gothic', sans-serif; font-weight:400; color:#424242; font-size:25px; font-weight:bold; } #main_layout .footer .main_footer{ width:90%; height:auto; margin:0 auto;} #main_layout .footer .main_footer .blue_box{ width:20%; height:auto; background-color:#0081bb; padding:2% 2% 12% 2%; position:relative; float:left;} #main_layout .footer .main_footer .sitmap{ width:20%; height:auto; border-right:#393939 1px outset; padding:2% 2% 2% 2%; position:relative; float:left;} #main_layout .footer .main_footer .sitmap_last{ width:20%; height:auto; padding:2% 0% 2% 2%; position:relative; float:left;} #main_layout .footer_bootom .main_footer_bottom{ width:90%; height:auto; margin:0 auto;} #main_layout .footer_bootom .main_footer_bottom .left_text{ width:60%; height:auto; position:relative; float:left; line-height:50px; color:#454545; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;} #main_layout .footer_bootom .main_footer_bottom .right_text{ width:40%; height:auto; position:relative; float:right; line-height:50px; text-align:right; color:#454545; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;} /*inner page css*/ #main_layout .banner .banner_main .image_banner{ width:60%; position:relative; height:200px; float:left; background-color:#0096da;} #main_layout .banner .banner_main .image_banner img{ width:100%; height:100% !important;} #main_layout .banner .banner_main .box_text{ width:36%; position:absolute; height:auto; float:left; padding:2%; background-color:#0096da;} #main_layout .banner .banner_main .box_text h1{ font-size:20px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#FFF; text-align:right; line-height:50px; font-weight:bold;} }