@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; } /*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: 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: #007D3B; 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: #045d2e; color: #fff; text-decoration:none; transition:0.5s; } .header_right_area_btn:focus { background: #045d2e; 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:#007D3B; transition:0.5s; } .popup-menu-btn span { transition:0.5s; } .popup-menu-btn span:hover { color:#007D3B; 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:#007D3B; 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:#007D3B; 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 #007D3B 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:#007D3B; } @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 #007D3B 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: #007D3B; 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; 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: #007D3B; text-decoration: none; transition:0.5s; } ul.breadcrumbs li a.active { color: #007D3B; 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: #007D3B; 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 25px; display:block; transition:0.5s; } .content_left_menu ul li a:before { content:"•"; margin-right:8px; } .content_left_menu ul li a:hover { color: #007D3B; transition:0.5s; } .content_left_menu ul li a.active { color: #007D3B; 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: #007D3B; font-size:26px; font-weight:500; } .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: #007D3B; 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; border-top:1px #ccc solid; 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: #007D3B; } .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: #007D3B; } .content_left_menu_res_head .col-xs-2 a:focus { color: #007D3B; } .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 25px; display:block; transition:0.5s; } #content_left_menu_res_c ul li a:before { content:"•"; margin-right:8px; } #content_left_menu_res_c ul li a:hover { color: #007D3B; transition:0.5s; } #content_left_menu_res_c ul li a.active { color: #007D3B; transition:0.5s; } #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; } }