@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900'); body { padding:0; margin:0; font-family: 'Lato', sans-serif; font-size:14px; color:#333; } p,ul,form { padding:0; margin:0; } a { color:#323233; text-decoration:none; } a:hover { color:#999999; text-decoration:none !important; } a:focus { color:#999999; text-decoration:none !important; outline:none; } /*header*/ .header_area { width:100%; height:85px; padding:18px 0 0 0; } .logo_area { padding-top:6px; } .multi-color-line-small { position:relative; top:17px; z-index:10; } .multi-color-line-small-res { width:100%; height:3px; background:url(images/multi-color-line-small.png) repeat-x; display:none; } @media only screen and (max-width: 1024px) { .multi-color-line-small { position:relative; top:22px; z-index:10; } } @media only screen and (max-width: 768px) { .multi-color-line-small { position:relative; top:17px; z-index:10; display:none; } .multi-color-line-small-res { width:100%; height:2px; background:url(images/multi-color-line-small.png) repeat-x; display:block; clear:both; } .header_area { width:100%; height:68px; padding:10px 0 0 0; } } /*header_menu_area*/ .header_menu_area { padding-top:22px; float:right; } @media only screen and (max-width: 768px) { .header_menu_area { display:none; } } /*header_right_area*/ .header_right_area { padding-top:22px; } .header_right_area_btn { width: 140px; height: 30px; line-height: 30px; background: #DD147C; color: #fff; text-align: center; display: inline-block; margin-right: 7px; border-radius: 3px; font-size: 13px; transition:0.5s; text-transform:none; margin-left: 18px; } .header_right_area_btn:hover { background: #a50759; color: #fff; text-decoration:none; transition:0.5s; } .header_right_area_btn:focus { background: #a50759; color: #fff; text-decoration:none; transition:0.5s; } .popup-menu-btn { font-size: 22px; position: relative; top: 4px; } .popup-menu-btn:hover { font-size: 22px; position: relative; top: 4px; color:#DD147C; transition:0.5s; } .popup-menu-btn span { transition:0.5s; } .popup-menu-btn span:hover { color:#DD147C; transition:0.5s; } /*banner-down-arrow*/ .banner-down-arrow { margin:10px 0 0 0; width: 100%; position: absolute; bottom: 50px; } .banner-down-arrow a { border: 2px dotted #fff; border-radius: 50%; color: #fff; display: block; font-size: 30px; font-weight: 300; height: 60px; line-height: 44px; margin-left: auto; margin-right: auto; padding: 10px 5px; text-align: center; transition: all 0.5s ease 0s; width: 60px; cursor: pointer; } .banner-down-arrow a:hover { border: 1px dashed #fff; transition: all 0.5s ease 0s; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .bounce { -moz-animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-10px); } 60% { transform: translateY(-12px); } } @media only screen and (max-width: 768px) { .banner-down-arrow { display:none; } } /*padding_none*/ .padding_none { padding:0; } /*why-us-area*/ .why-us-area { padding:30px 0 0 0; } .why-us-area h3 { font-size:27px; color:#DD147C; margin:0 0 20px 0; } .why-us-area img { margin:0 0 20px 0; } .why-us-area-content { margin-bottom:30px; font-weight:400; font-size:15px; } .why-us-area-border { border-bottom:2px #969593 solid; width:100%; height:2px; } /*our-services*/ .our-services { margin:30px 0; } .our-services h3 { font-size:27px; color:#DD147C; margin:0 0 30px 0; } .our-services-listing { width:100%; border-bottom:2px #969593 solid; padding-bottom:15px; transition:0.5s; } .our-services-listing img { width:100%; height:105px; transition:0.5s; } .our-services-listing:hover img { -webkit-filter: brightness(80%); -moz-filter: brightness(80%); filter: brightness(80%); transition:0.5s; } .our-services-listing p { text-align:center; margin:15px 0 0; font-size:16px; font-weight:700; transition:0.5s; color:#333; } .our-services-listing:hover { width:100%; border-bottom:2px #DD147C solid; padding-bottom:15px; transition:0.5s; /*-webkit-box-shadow: 0 8px 4px -4px #999999; -moz-box-shadow: 0 8px 4px -4px #999999; box-shadow: 0 8px 4px -4px #999999;*/ } .our-services-listing:hover p { color:#DD147C; } @media only screen and (max-width: 768px) { .our-services-listing { width:100%; border-bottom:2px #969593 solid; padding-bottom:15px; transition:0.5s; margin-bottom:30px; } .our-services-listing img { width:100%; height:146px; transition:0.5s; } } @media only screen and (max-width: 767px) { .our-services-listing { width:100%; border-bottom:2px #969593 solid; padding-bottom:15px; transition:0.5s; margin-bottom:30px; } .our-services-listing img { width:100%; height:auto; transition:0.5s; } } @media only screen and (max-width: 480px) { .our-services-listing { width:100%; border-bottom:2px #969593 solid; padding-bottom:10px; transition:0.5s; margin-bottom:15px; } .our-services-listing p { text-align:center; margin:8px 0 0; font-size:12px; font-weight:600; transition:0.5s; color:#333; } .our-services-listing:hover { width:100%; border-bottom:2px #DD147C solid; padding-bottom:10px; transition:0.5s; /*-webkit-box-shadow: 0 8px 4px -4px #999999; -moz-box-shadow: 0 8px 4px -4px #999999; box-shadow: 0 8px 4px -4px #999999;*/ } } /**/ .latest-news-area { padding:35px 0; } .latest-news-area { background: url(images/news_bg.jpg) no-repeat center center; padding: 0; -webkit-background-size: cover; background-size: cover; -moz-background-size: cover; background-attachment: fixed; } @media only screen and (max-width: 600px) { .latest-news-area { background: url(images/news_bg.jpg) no-repeat center center; padding: 0; -webkit-background-size: cover; background-size: cover; -moz-background-size: cover; background-attachment: inherit; } } .latest-news-area .overlay1 { background-color: rgba(255,255,255,0.7); min-height: 200px; color: #fff; padding-top: 50px; padding-bottom: 35px; } .latest-news-area h3 { font-size: 27px; color: #DD147C; margin: 0 0 0px 0; } /* Carousel */ #quote-carousel { padding: 0 10px 0px 10px; margin-top: 0px; color:#fff; /* Control buttons */ /* Previous button */ /* Next button */ /* Changes the position of the indicators */ /* Changes the color of the indicators */ } #quote-carousel .carousel-control { background: none; color: #fff; text-shadow: none; margin-top: 0px; } #quote-carousel .carousel-control.left { left: 0px; top:14px; } #quote-carousel .carousel-control.right { right: 0px; top:14px; } #quote-carousel .carousel-indicators { right: 50%; top: auto; bottom: 0px; margin-right: -19px; } #quote-carousel .carousel-indicators li { width: 50px; height: 50px; margin: 5px; cursor: pointer; border: 4px solid #CCC; border-radius: 50px; opacity: 0.4; overflow: hidden; transition: all 0.4s; } #quote-carousel .carousel-indicators .active { background: #333333; width: 128px; height: 128px; border-radius: 100px; border-color: #f33; opacity: 1; overflow: hidden; } .carousel-inner { min-height: 100px; border:none; } .item blockquote { border-left: none; margin: 0; padding:0 20px; } /*.item blockquote p:before { content: "\f10d"; font-family: 'Fontawesome'; float: left; margin-right: 10px; font-size: 16px; }*/ .item blockquote p { font-size: 16px; } .item blockquote h4 { margin-top:22px 0 10px 0; font-weight:500; font-size: 18px; } /*our-services*/ .bottom_logo_area { margin:30px 0; } .bottom_logo_area_main { position:relative; width:155px; height:82px; } .bottom_logo_area_main img { position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; } .bottom_logo_area_main img { max-height:75px } @media only screen and (max-width: 768px) { .bottom_logo_area_main { margin-bottom:20px; } .bottom_logo_area_main { position:relative; width:100%; height:82px; } } .newsletter_area { margin:30px 0 0 0; background:#969593; min-height:70px; width:100%; } .newsletter_area h3 { text-align:center; color:#fff; line-height:70px; margin:0; font-size:22px; } #search { border-radius: 3px; display: inline-block; padding: 16px 0 0 0; width: 100%; } #search input { float: left; } #search input[type="search"], #search input[type="submit"] { border-radius: 3px; font-size: 14px; } #search input[type="search"] { background:#969593; color: #fff; min-width: 184px; padding: 9px 8px; border:none; width:80%; border:1px #fff solid; } #search input[type="search"]:focus { outline:none; border:1px #fff solid; } #search input[type="submit"] { background:#DAD9D7; color: #333; font-weight: bold; margin-left: 7px; padding: 9px 20px; border:none; transition:0.5s; } #search input[type="submit"]:hover { background: #333; color:#fff; transition:0.5s; } #search input[type="search"]::-webkit-input-placeholder { color: #42454e; } #search input[type="search"]:-moz-placeholder { color: #42454e; } #search input[type="search"]:-ms-input-placeholder { color: #42454e; } .des_padding_none { padding:0; } @media only screen and (max-width: 768px) { .des_padding_none { padding:0 15px; } #search { border-radius: 3px; display: inline-block; padding: 0px 0 0 0; width: 100%; } .newsletter_area h3 { text-align:center; color:#fff; line-height:normal; margin:0 0 15px 0; font-size:22px; } .newsletter_area { margin:30px 0 0 0; background:#969593; min-height:70px; width:100%; padding:15px 0; } } @media only screen and (max-width: 480px) { #search input[type="search"] { background:#969593; color: #fff; min-width: 184px; padding: 9px 8px; border:none; width:77%; border:1px #fff solid; } } @media only screen and (max-width: 360px) { #search input[type="search"] { background:#969593; color: #fff; min-width: 184px; padding: 9px 8px; border:none; width:69%; border:1px #fff solid; } } @media only screen and (max-width: 320px) { #search input[type="search"] { background:#969593; color: #fff; min-width: 184px; padding: 9px 8px; border:none; width:65%; border:1px #fff solid; } } /*bottom_color_line*/ .bottom_color_line { background:url(images/multi-color-line-big.png) repeat-x; width:100%; height:5px; } /*footer_area*/ .footer_area { width:100%; min-height:160px; background:#4C4847; padding:15px 0; color:#fff; font-size:12px; } .footer_top_area { line-height:22px; } .footer_top_area strong { display:block; margin-bottom:3px; font-size:13px; } .footer_divider { width:100%; height:auto; border-bottom:2px #ccc solid; margin:15px 0; } .footer_bottom_area_right { text-align:right; } .footer_bottom_area_right a { color:#fff; } .footer_bottom_area_right a:hover { color:#ccc; } .footer_bottom_area_right img { margin-right:5px; width:28px; border:2px #fff solid; border-radius:50%; transition:0.5s; } .footer_bottom_area_right img:hover { transition:0.5s; transform:rotate(30deg); } @media only screen and (max-width: 768px) { .footer_top_area { margin-bottom:15px; } .footer_bottom_area_right { text-align:center; } .footer_bottom_area_right img { margin-top:12px; margin-bottom:12px; } .footer_divider { width:100%; height:auto; border-bottom:2px #ccc solid; margin:0 0 15px 0; } } /*responsive-menu*/ .res_menu_icon { width: 30px; height: 2px; background-color: black; margin: 8px 0; display: block; } .res_header_btn { padding:10px 0px; } .res_header_btn a { color:#fff; } /*internal_banner_area*/ .internal_banner_area { width:100%; height:295px; } .internal_banner_area img { width:100%; height:295px; } @media only screen and (max-width: 768px) { .internal_banner_area { width:100%; height:200px; } .internal_banner_area img { width:100%; height:200px; object-fit:cover; } } /*breadcrumb_area*/ .breadcrumb_area { width:100%; min-height:40px; background:#E8E8E6; } /* Style the list */ ul.breadcrumbs { padding: 10px 20px; list-style: none; font-size: 15px; } /* Display list items side by side */ ul.breadcrumbs li { display: inline; } /* Add a slash symbol (/) before/behind each list item */ ul.breadcrumbs li+li:before { padding: 0 8px 0 5px; color: #333; content: "\e258"; font-family: "Glyphicons Halflings"; position: relative; top: 2px; font-size: 13px; } /* Add a color to all links inside the list */ ul.breadcrumbs li a { color: #333333; text-decoration: none; transition:0.5s; } /* Add a color on mouse-over */ ul.breadcrumbs li a:hover { color: #DD147C; text-decoration: none; transition:0.5s; } ul.breadcrumbs li a.active { color: #DD147C; text-decoration: none; } /*content-area*/ .content-area { width:100%; min-height:200px; margin-top:25px; } @media only screen and (max-width: 768px) { .content-area { width:100%; min-height:200px; margin-top:0px; } ul.breadcrumbs { padding: 10px 0px; list-style: none; font-size: 15px; } } /*content_left_menu*/ .content_left_menu { } .content_left_menu h3 { color: #dd147c; font-size: 26px; font-weight: 500; margin-top: 15px; background:#E8E8E6; padding: 8px 15px 10px 15px; border-radius:10px 0 0 10px; margin-bottom:0; } .content_left_menu ul { list-style:none; } .content_left_menu ul li { padding-right:35px; } .content_left_menu ul li a { border-bottom:2px #ccc dotted; padding:15px 0 15px 40px; display:block; transition:0.5s; position:relative; } .content_left_menu ul li a:hover { color:#DD147C; } .content_left_menu ul li a.active { color:#DD147C; } .content_left_menu ul li a:before { width: 5px; height: 5px; background: #000; display: inline-block; margin-right: 8px; border-radius: 50%; position: absolute; left: 23px; transition: 0.5s; content: " "; top: 23px; } .content_left_menu ul li a:hover:before { width: 5px; height: 5px; background: #DD147C; display: inline-block; margin-right: 8px; border-radius: 50%; position: absolute; left: 23px; transition: 0.5s; content: " "; top: 23px; } .content_left_menu ul li a.active:before { width: 5px; height: 5px; background: #DD147C; display: inline-block; margin-right: 8px; border-radius: 50%; position: absolute; left: 23px; transition: 0.5s; content: " "; top: 23px; } /*.content_left_menu ul li a:before { content:"•"; margin-right:8px; }*/ .content_left_menu ul li a:hover { color: #DD147C; transition:0.5s; } .content_left_menu ul li a.active { color: #DD147C; transition:0.5s; } .content_left_menu_img { margin-top:25px; } .content_right_txt { padding-left:20px; } .content_right_txt_border { border-left:1px #ccc solid; min-height:400px; } .content_right_txt h3 { margin-top:24px; color: #DD147C; font-size:26px; font-weight:500; margin-bottom: 23px; line-height: 35px; } .content_right_txt a { color: #DD147C; } .content_right_txt a:hover { color: #a50759; text-decoration:underline; } .welcome_guest { margin-top:15px; color: #333; font-size:24px; font-weight:500; } .res_padding_none { padding:0; } @media only screen and (max-width: 768px) { .content_left_menu h3 { color: #dd147c; font-size: 26px; font-weight: 500; margin-top: 15px; background:#E8E8E6; padding: 8px 15px 10px 15px; border-radius:0 0 0 0; margin-bottom:0; } .res_padding_none { padding:0 15px; } .content_left_menu ul li { padding-right:0px; } .content_left_menu ul li a { border-bottom:2px #ccc dotted; padding:15px 0 15px 5px; display:block; transition:0.5s; } .content_right_txt { padding-left:0px; } .content_right_txt_border { border-left:none; min-height:200px; } } /*inside_page_btn_area*/ .inside_page_btn_area { width:100%; height:auto; padding-top:30px; margin-top:30px; } .company_img { width: 70px; position: absolute; right: 4%; top: 7%; } @media only screen and (max-width: 768px) { .inside_page_btn_area_main { margin-bottom:20px; } .inside_page_btn_area_main img { width:235px; } .company_img { width: 70px; position: absolute; right: 4%; top: 0; } } .banner1_content { position:absolute; top:5%; left:8%; } .banner1_content .media-left img { width:83px; } .banner1_content .media-body p { font-size:15px; color:#6D6F71; font-weight: 600; width:288px; text-shadow:none; } @media only screen and (max-width: 480px) { .banner1_content { position:absolute; top:-5%; left:0%; } .banner1_content .media-left img { width:50px; } .banner1_content .media-body p { font-size:12px; color:#6D6F71; font-weight: 600; width:250px; text-shadow:none; } } /*content_left_menu_res*/ .content_left_menu_res { display:none; } .content_left_menu_res_head { background: #d4d4d3; border-bottom: 2px solid #ccc; font-size: 20px; height: 40px; line-height: 40px; } .content_left_menu_res_head .col-xs-10 { padding-left:15px; color: #dd147c; } .content_left_menu_res_head .col-xs-2 { text-align:right; padding-right:20px; } .content_left_menu_res_head .col-xs-2 a { } .content_left_menu_res_head .col-xs-2 a:hover { color: #dd147c; } .content_left_menu_res_head .col-xs-2 a:focus { color: #dd147c; } .padding_none { padding:0; } #content_left_menu_res_c { position:absolute; background:#fff; width:100%; z-index:10; padding-bottom:15px; } #content_left_menu_res_c ul { list-style:none; } #content_left_menu_res_c ul li { padding-right:0; } #content_left_menu_res_c ul li a { border-bottom:2px #ccc dotted; padding:15px 0 15px 38px; display:block; transition:0.5s; position:relative; } #content_left_menu_res_c ul li a:hover { color:#DD147C; } #content_left_menu_res_c ul li a.active { color:#DD147C; } #content_left_menu_res_c ul li a:before { width: 5px; height: 5px; background: #000; display: inline-block; margin-right: 8px; border-radius: 50%; position: absolute; left: 23px; transition: 0.5s; content: " "; top: 23px; } #content_left_menu_res_c ul li a:hover:before { width: 5px; height: 5px; background: #DD147C; display: inline-block; margin-right: 8px; border-radius: 50%; position: absolute; left: 23px; transition: 0.5s; content: " "; top: 23px; } #content_left_menu_res_c ul li a.active:before { width: 5px; height: 5px; background: #DD147C; display: inline-block; margin-right: 8px; border-radius: 50%; position: absolute; left: 23px; transition: 0.5s; content: " "; top: 23px; } #content_left_menu_res_c img { margin-top:25px; margin-left:15px; } @media only screen and (max-width: 768px) { .content_left_menu_res { display:block; margin-bottom:40px; } .content_left_menu { display:none; } } /*news-page-css*/ .news_listing { width:100%; min-height:120px; display:table; border-bottom:2px #969593 dotted; padding-bottom:20px; margin-bottom:15px; } .news_listing:last-child { width:100%; min-height:120px; display:table; border-bottom:none; padding-bottom:0; margin-bottom:20px; margin-top:0; } .news_listing_title { font-size: 22px; font-weight: 500; color: #333; display: block; text-decoration: none; } .news_listing_title a { font-size: 22px; font-weight: 500; color: #333; display: block; text-decoration: none; transition:0.5s; } .news_listing_title a:hover { font-size: 22px; font-weight: 500; color: #DD147C; display: block; text-decoration: none; transition:0.5s; } .news_listing_title_d { margin-top: 24px; color: #DD147C; font-size: 23px; font-weight: 500; line-height:35px; } .news_listing_date { font-weight:600; margin:10px 0 15px 0; } .news_listing_date span { margin-right:5px; } .news_listing_content { } .news_listing_content img { margin-bottom:12px; } .news_listing_read_more { margin-top:15px; } .news_listing_read_more a { color: #DD147C; } .news_listing_read_more a:hover { color: #a50759; } .news_listing_read_more i { font-size: 12px; margin-left: 5px; top:2px; transition:0.5s; } .news_listing_read_more:hover i { font-size: 12px; margin-left:10px; top:2px; transition:0.5s; } .news_listing_read_less { margin-top:15px; } .news_listing_read_less a { color: #DD147C; } .news_listing_read_less a:hover { color: #a50759; } .news_listing_read_less i { font-size: 12px; margin-right: 5px; top:2px; transition:0.5s; } .news_listing_read_less:hover i { font-size: 12px; margin-right:5px; top:2px; transition:0.5s; } /*testimonials_listing*/ .testimonials_listing { width:100%; min-height:60px; display:table; border-bottom:2px #969593 dotted; padding-bottom:20px; margin-bottom:15px; } .testimonials_listing:last-child { width:100%; min-height:60px; display:table; border-bottom:none; padding-bottom:0; margin-bottom:20px; margin-top:0; } .testimonials_listing_name { margin-top:12px; font-weight:600; } /*content_right_txt ul*/ .content_right_txt ul { margin-bottom:20px; padding-left:15px; } .content_right_txt ul li { margin-bottom:10px; } .content_right_txt ul li ul { margin-bottom:10px; padding-left:15px; margin-top:10px; } /*video-and-content-fun-page*/ .video-and-content-fun-page { margin-top:20px; border-bottom:2px #ccc dotted; display:table; width:100%; min-height:200px; padding-bottom:10px; margin-bottom:30px; } .video-and-content-fun-page:last-child { margin-top:20px; border-bottom:none; display:table; width:100%; min-height:200px; padding-bottom:5px; margin-bottom:5px; } .video-and-content-fun-page-txt { margin:0 0 10px 0; } .margin-bottom-20 { margin-bottom:20px; } /*service_pm*/ .service_pm { width:100%; height:35px; line-height:34px; background:#E8E8E7; display:block; border-radius:8px; border-left:5px #dd147c solid; text-align:left; font-size:16px; position:relative; padding-left: 41px; transition:0.5s; color:#4C4847; font-weight:600; } .service_pm:hover { background:#dededd; border-left:5px #a50759 solid; transition:0.5s; } .service_pm a { color:#4C4847; font-weight:600; } .service_pm span { text-align: left; display: inline-block; position:absolute; left: 19px; top: 11px; font-size: 13px; color:#dd147c; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; transition:0.5s; } .service_pm:hover span { color:#a50759; animation-name: wobble-horizontal; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; transition:0.5s; } @keyframes wobble-horizontal { 16.65% { transform: translateX(8px); } 33.3% { transform: translateX(-6px); } 49.95% { transform: translateX(4px); } 66.6% { transform: translateX(-2px); } 83.25% { transform: translateX(1px); } 100% { transform: translateX(0); } } /*service_pm*/ /*service_bm*/ .service_bm { width:100%; height:35px; line-height:34px; background:#E8E8E7; display:block; border-radius:8px; border-left:5px #EF9B11 solid; text-align:left; font-size:16px; position:relative; padding-left: 41px; transition:0.5s; color:#4C4847; font-weight:600; } .service_bm:hover { background:#dededd; border-left:5px #c37e0d solid; transition:0.5s; } .service_bm a { color:#4C4847; font-weight:600; } .service_bm span { text-align: left; display: inline-block; position:absolute; left: 19px; top: 11px; font-size: 13px; color:#EF9B11; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; transition:0.5s; } .service_bm:hover span { color:#c37e0d; animation-name: wobble-horizontal; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; transition:0.5s; } @keyframes wobble-horizontal { 16.65% { transform: translateX(8px); } 33.3% { transform: translateX(-6px); } 49.95% { transform: translateX(4px); } 66.6% { transform: translateX(-2px); } 83.25% { transform: translateX(1px); } 100% { transform: translateX(0); } } /*service_bm*/ /*service_agents*/ .service_agents { width:100%; height:35px; line-height:34px; background:#E8E8E7; display:block; border-radius:8px; border-left:5px #007CC3 solid; text-align:left; font-size:16px; position:relative; padding-left: 41px; transition:0.5s; color:#4C4847; font-weight:600; } .service_agents:hover { background:#dededd; border-left:5px #076ea9 solid; transition:0.5s; } .service_agents a { color:#4C4847; font-weight:600; } .service_agents span { text-align: left; display: inline-block; position:absolute; left: 19px; top: 11px; font-size: 13px; color:#007CC3; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; transition:0.5s; } .service_agents:hover span { color:#076ea9; animation-name: wobble-horizontal; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; transition:0.5s; } @keyframes wobble-horizontal { 16.65% { transform: translateX(8px); } 33.3% { transform: translateX(-6px); } 49.95% { transform: translateX(4px); } 66.6% { transform: translateX(-2px); } 83.25% { transform: translateX(1px); } 100% { transform: translateX(0); } } /*service_agents*/ /*service_landlords*/ .service_landlords { width:100%; height:35px; line-height:34px; background:#E8E8E7; display:block; border-radius:8px; border-left:5px #84C225 solid; text-align:left; font-size:16px; position:relative; padding-left: 41px; transition:0.5s; color:#4C4847; font-weight:600; } .service_landlords:hover { background:#dededd; border-left:5px #67981d solid; transition:0.5s; } .service_landlords a { color:#4C4847; font-weight:600; } .service_landlords span { text-align: left; display: inline-block; position:absolute; left: 19px; top: 11px; font-size: 13px; color:#84C225; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; transition:0.5s; } .service_landlords:hover span { color:#67981d; animation-name: wobble-horizontal; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; transition:0.5s; } @keyframes wobble-horizontal { 16.65% { transform: translateX(8px); } 33.3% { transform: translateX(-6px); } 49.95% { transform: translateX(4px); } 66.6% { transform: translateX(-2px); } 83.25% { transform: translateX(1px); } 100% { transform: translateX(0); } } /*service_landlords*/ /*contact_detail*/ .contact_detail { margin:15px 0 0 15px; } .pink { color: #dd147c; } .contact_left_menu { } .contact_left_menu h3 { color: #dd147c; font-size: 26px; font-weight: 500; margin-top: 15px; background:#E8E8E6; padding: 8px 15px 10px 15px; border-radius:10px 0 0 10px; margin-bottom:0; } /*input-style*/ .phAnimate { position: relative; padding-top: 20px; margin-bottom: 10px; } .phAnimate input { padding-left: 15px; } .phAnimate label { cursor: text; margin: 0; padding: 0; left: 15px; top: 27px; position: absolute; font-size: 14px; color: #ccc; font-weight: normal; transition: all 0.3s ease; } .phAnimate label.active { top: 0; left: 0; font-size: 12px; } .phAnimate label.active.focusIn { color: #dd147c; } .con_heading { padding:0 0 0 15px; color: #dd147c; margin-bottom:30px; } .inp { width:100%; height:35px; border:1px #d5d5d5 solid; outline:none; padding-left:8px; } .inp:hover { box-shadow:0 0 3px #ccc; transition:0.5s; } .inp:focus { border:1px #999 solid; outline:none; box-shadow:0 0 3px #ccc; transition:0.5s; } .inp_txt { width:100%; height:70px; border:1px #d5d5d5 solid; outline:none; padding-left:5px; transition:0.5s; } .inp_txt:hover { box-shadow:0 0 3px #ccc; transition:0.5s; } .inp_txt:focus { width:100%; height:70px; border:1px #999 solid; outline:none; padding-left:5px; box-shadow:0 0 3px #ccc; transition:0.5s; } .inp-submit { background:#DD147C; width:80px; height:35px; text-align:center; line-height:34px; color:#fff; border:none; border-radius:3px; transition:0.5s; margin-right:4px; } .inp-submit:hover { background:#a50759; transition:0.5s; } .map_area { margin:00px 0 0 0; } @media only screen and (max-width: 768px) { .contact_left_menu h3 { color: #dd147c; font-size: 22px; font-weight: 500; margin-top: 0px; background:#d4d4d3; padding: 8px 15px 10px 15px; border-radius:0 0 0 0; margin-bottom:0; } .con_heading { padding:0 0 0 0px; color: #dd147c; } .responsive_padding_none { padding:0; } .map_area { margin:30px 0 0 0; } } #cap-img { background-image: url(images/captcha.jpg); color: #fff; font-size: 20px; font-weight: bold; height: 34px; margin-right: 10px; padding: 4px; } .captcha_error { color:#FF0000; font-size:14px; margin-top:4px; display:none; } .form-horizontal .form-group { margin-right: -15px; margin-left: -15px; margin-bottom:25px; } .form-horizontal .form-group:last-child { margin-right: -15px; margin-left: -15px; margin-bottom:0; } .form-horizontal .control-label { padding-top: 7px; margin-bottom: 0; text-align: left; } .padding_5 { padding:0 5px; } .margin_top_15 { margin-top: 15px; } .red { color:#ff0000; } .des_margin_bottom_10 { margin-bottom:10px; } .upload_btn_txt { font-weight: bold; text-align: left; font-size: 13px; color: #2196F3 !important; margin: 4px 0; display: block; position: relative; top: 2px; left: 5px; } .upload_btn_txt:hover { cursor:pointer; text-decoration:none; } /*margin_left_5*/ .margin_left_5 { margin-left:5px; } /*divider_recruitment*/ .divider_recruitment { width:100%; height:auto; border-bottom:1px #ccc dotted; margin:30px 0 25px 0; } @media only screen and (max-width: 768px) { .form-horizontal .inp { margin-bottom:10px; } .des_margin_bottom_10 { margin-bottom:0; } .padding_5 { padding:0 0; } .form-horizontal .control-label { margin-bottom:10px; padding-top: 7px; text-align: left; } .col-xs-offset-3 { margin-left: 0; } .margin_left_5 { margin-left:0px; } } /*modal-header*/ .modal-header { background: #DD147C; color: #fff; } .modal-header .close { color: #fff; opacity: 1; } .height_200 { height:200px; } .embed-responsive-16by9 { padding-bottom: 35.25%; } /*services-left-menu*/ .services-left-menu { } .services-left-menu h3 { color: #dd147c; font-size: 26px; font-weight: 500; margin-top: 15px; background:#E8E8E6; padding: 8px 15px 10px 15px; border-radius:10px 0 0 10px; margin-bottom:0; } .services-left-menu ul { list-style:none; } .services-left-menu ul li { padding-right:35px; } .services-left-menu ul li a { border-bottom: 2px #ccc dotted; padding: 15px 0 15px 38px; display: block; transition: 0.5s; position: relative; } .services-left-menu ul li a:hover { color:#DD147C; } .services-left-menu ul li a.active { color:#DD147C; } .services-left-menu ul li a:before { width: 5px; height: 5px; background: #000; display: inline-block; margin-right: 8px; border-radius: 50%; position: absolute; left: 23px; transition: 0.5s; content: " "; top: 23px; } .services-left-menu ul li a:hover:before { width: 5px; height: 5px; background: #DD147C; display: inline-block; margin-right: 8px; border-radius: 50%; position: absolute; left: 23px; transition: 0.5s; content: " "; top: 23px; } .services-left-menu ul li a.active:before { width: 5px; height: 5px; background: #DD147C; display: inline-block; margin-right: 8px; border-radius: 50%; position: absolute; left: 23px; transition: 0.5s; content: " "; top: 23px; } @media only screen and (max-width: 768px) { .services-left-menu { display:none; } } /*font_weight*/ .font_weight { font-weight:600; } /*left_submenu*/ .left_submenu { } .left_submenu ul { list-style:none; } .left_submenu ul li { padding-right:35px; padding-left:25px; } .left_submenu ul li a { border-bottom: 2px #ccc dotted; padding: 15px 0 15px 30px; display: block; transition: 0.5s; position: relative; } .left_submenu ul li a:hover { color:#DD147C; } .left_submenu ul li a.active { color:#DD147C; } .left_submenu ul li a:before { width: 5px; height: 5px; background:transparent; display: inline-block; margin-right: 8px; border-radius: 50%; position: absolute; left: 15px; transition: 0.5s; content: " "; top: 23px; border:1px #999 solid; } .left_submenu ul li a:hover:before { width: 5px; height: 5px; background: transparent; display: inline-block; margin-right: 8px; border-radius: 50%; position: absolute; left: 15px; transition: 0.5s; content: " "; top: 23px; border:1px #999 solid; } .left_submenu ul li a.active:before { width: 5px; height: 5px; background: transparent; display: inline-block; margin-right: 8px; border-radius: 50%; position: absolute; left: 15px; transition: 0.5s;-he content: " "; top: 23px; border:1px #999 solid; } .form-area { width:100%; height:auto; padding-top:40px; padding-bottom:40px; text-align:center; font-size:25px; font-weight:800px; } .property-area { font-size:20px; font-weight:300px; padding-top:20px; }