body{ background:url(../images/back-bg.png) repeat !important; background-size:cover!important; line-height: 1; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; outline: none !important; transition: all 0.5 ease-in-out; } /* change colours to suit your needs */ ins { background-color: #ff9; color: #000; text-decoration: none; } /* change colours to suit your needs */ mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } /* change border colour to suit your needs */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } @font-face { font-family: 'open_sansbold'; src: url('../fonts/OpenSans-Bold-webfont.eot'); src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Bold-webfont.woff2') format('woff2'), url('../fonts/OpenSans-Bold-webfont.woff') format('woff'), url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sans_condensedbold'; src: url('../fonts/OpenSans-CondBold-webfont.eot'); src: url('../fonts/OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-CondBold-webfont.woff2') format('woff2'), url('../fonts/OpenSans-CondBold-webfont.woff') format('woff'), url('../fonts/OpenSans-CondBold-webfont.ttf') format('truetype'), url('../fonts/OpenSans-CondBold-webfont.svg#open_sans_condensedbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanslight'; src: url('OpenSans-Light-webfont.eot'); src: url('OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('OpenSans-Light-webfont.woff2') format('woff2'), url('OpenSans-Light-webfont.woff') format('woff'), url('OpenSans-Light-webfont.ttf') format('truetype'), url('OpenSans-Light-webfont.svg#open_sanslight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansregular'; src: url('../fonts/OpenSans-Regular-webfont.eot'); src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular-webfont.woff2') format('woff2'), url('../fonts/OpenSans-Regular-webfont.woff') format('woff'), url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('../fonts/ OpenSans-Regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanssemibold'; src: url('../fonts/OpenSans-Semibold-webfont.eot'); src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Semibold-webfont.woff2') format('woff2'), url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'oswaldregular'; src: url('../fonts/Oswald-Regular-webfont.eot'); src: url('../fonts/Oswald-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Oswald-Regular-webfont.woff2') format('woff2'), url('../fonts/Oswald-Regular-webfont.woff') format('woff'), url('../fonts/Oswald-Regular-webfont.ttf') format('truetype'), url('../fonts/Oswald-Regular-webfont.svg#oswaldregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ropa_sansregular'; src: url('../fonts/RopaSans-Regular-webfont.eot'); src: url('../fonts/RopaSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/RopaSans-Regular-webfont.woff2') format('woff2'), url('../fonts/RopaSans-Regular-webfont.woff') format('woff'), url('../fonts/RopaSans-Regular-webfont.ttf') format('truetype'), url('../fonts/RopaSans-Regular-webfont.svg#ropa_sansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latobold'; src: url('../fonts/Lato-Bold-webfont.eot'); src: url('../fonts/Lato-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Bold-webfont.woff2') format('woff2'), url('../fonts/Lato-Bold-webfont.woff') format('woff'), url('../fonts/Lato-Bold-webfont.ttf') format('truetype'), url('../fonts/Lato-Bold-webfont.svg#latobold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latoregular'; src: url('../fonts/Lato-Regular-webfont.eot'); src: url('../fonts/Lato-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Regular-webfont.woff2') format('woff2'), url('../fonts/Lato-Regular-webfont.woff') format('woff'), url('../fonts/Lato-Regular-webfont.ttf') format('truetype'), url('../fonts/Lato-Regular-webfont.svg#latoregular') format('svg'); font-weight: normal; font-style: normal; } /*****************index*************************/ .container{ .wrapper{ background-color:#fff; padding-left:15px; padding-right:15px; -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2); -moz-box-shadow: 0 0 6px rgba(0,0,0,.2); box-shadow: 0 0 6px rgba(0,0,0,.2); #header{ .inner-header{ .logo{ .image-holder{ padding-top:25px; padding-left:29px; @media(max-width:767px){text-align:center; padding-left:0px;} img{ @media(max-width:767px){ display: inline-block;} } } } .help-line{ text-align: right; @media(max-width:767px){text-align: center;} p{ font:14px/14px open_sanssemibold,Verdana,Geneva,sans-serif; padding-top:36px; color:#707070; padding-right: 26px; @media(max-width:360px){ padding-right: 0px;} } ul{ li{ padding-top: 14px; img{ display: inline-block; } h2{ display: inline-block; padding-top: 10px; vertical-align: top; font:24px/24px open_sansbold,Verdana,Geneva,sans-serif; color:#c13724; margin-left: 12px; @media(max-width:360px){font:20px/24px open_sansbold,Verdana,Geneva,sans-serif; margin-left: 5px;} } }/***li***/ }/***ul***/ }/***help-line***/ }/***inner-header***/ .navigation-area{ .navbar { border: 0px transparent; margin-bottom:0px; margin-top:14px; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-radius: 2px; background-color: #558e00; background-image: -webkit-linear-gradient(bottom, #3b6200, #558e00); background-image: -moz-linear-gradient(bottom, #3b6200, #558e00); background-image: -o-linear-gradient(bottom, #3b6200, #558e00); background-image: -ms-linear-gradient(bottom, #3b6200, #558e00); background-image: linear-gradient(to top, #3b6200, #558e00); padding: 7px 10px 7px 43px; @media(max-width:1199px){padding: 7px 10px 7px 10px;} } .navbar-nav > li { background:url(../images/navigation-split.png) no-repeat 100% 50% !important; /* padding: 18px 45px 18px;*/ } .navbar-nav > li:last-child{ background:none !important; } .navbar-default .navbar-nav > li > a { color: #ffffff; font:16px/16px open_sansregular,Verdana,Geneva,sans-serif; margin-right: 10px; padding: 11px 36px 11px 30px; border-radius: 5px; margin-left: 10px; @media(max-width:1199px){padding: 18px !important;} @media(max-width:991px){padding: 18px 2px !important;} &:hover{ background-color: #84cc19; } @media(max-width:1199px){padding: 18px 30px 18px;} @media(max-width:991px){padding: 18px 10px 18px;} @media(max-width:767px){padding: 18px 40px 18px;} } .navbar-header{ @media(max-width:767px){background-color:#4c7f00;} } }/***navigation-area***/ }/***#header***/ /*****************main*************************/ .main{ .bainner{ .bainner-inner{ margin-top: 9px; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.11); -moz-box-shadow: 0 0 5px rgba(0,0,0,.11); box-shadow: 0 0 5px rgba(0,0,0,.11); border: solid 6px #fff; .image-holder{ background-image: url(../images/bainner.png); background-repeat: no-repeat; background-position: center top; background-width: 100% auto; background-color: #F4F4F2; background-size:100% 100%; /* background:url(../images/bainner.png) / cover no-repeat; background-size:100% 100%;*/ margin: 6px; @media(max-width:767px){ background:none; background-color:#dadada;} .text-box{ padding-top:45px; padding-left:65px; padding-bottom:26px; @media(max-width:991px){padding-left:25px;} @media(max-width:600px){padding-left:15px;} h2{ color: #c13724; font:30px/35px latobold,Verdana,Geneva,sans-serif; @media(max-width:600px){font:24px/35px latobold,Verdana,Geneva,sans-serif;} @media(max-width:480px){font:20px/35px latobold,Verdana,Geneva,sans-serif;} } ul{ padding-top:9px; li{ color: #474747; font:16px/26px open_sansregular,Verdana,Geneva,sans-serif; background:url(../images/bainner-bullets.png) no-repeat 0% 50%; padding-left:18px; @media(max-width:480px){ font:12px/26px open_sansregular,Verdana,Geneva,sans-serif;} @media(max-width:330px){ font:11px/26px open_sansregular,Verdana,Geneva,sans-serif;} } } a{ color: #fffefe; font:16px/16px open_sansregular,Verdana,Geneva,sans-serif; text-decoration:none; border-radius: 2px; background-color: #474747; background-image: -webkit-linear-gradient(bottom, #3b6200, #558e00); background-image: -moz-linear-gradient(bottom, #3b6200, #558e00); background-image: -o-linear-gradient(bottom, #3b6200, #558e00); background-image: -ms-linear-gradient(bottom, #3b6200, #558e00); background-image: linear-gradient(to top, #3b6200, #558e00); padding:13px 37px 14px 35px; display: inline-block; margin-top:14px; &:hover{ background-color:#4e8300 !important; background-image: -webkit-linear-gradient(bottom, #4e8300, #4e8300); background-image: -moz-linear-gradient(bottom, #4e8300, #4e8300); background-image: -o-linear-gradient(bottom, #4e8300, #4e8300); background-image: -ms-linear-gradient(bottom, #4e8300, #4e8300); background-image: linear-gradient(to top, #4e8300, #4e8300)} } } }/***image-holde***/ }/***bainner-inner***/ .shadow{ } }/***bainner***/ .orchard-contavt{ margin-top:15px; .orchard-inner-left{ h2{ color: #545454; font:24px/26px open_sansbold,Verdana,Geneva,sans-serif; @media(max-width:480px){font:20px/26px open_sansbold,Verdana,Geneva,sans-serif;} } .suplly-chain{ padding-top:23px; .logistic{ @media(max-width:640px){width: 50%;} @media(max-width:600px){width: 100%;} .image-text{ -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2); -moz-box-shadow: 0 0 6px rgba(0,0,0,.2); box-shadow: 0 0 6px rgba(0,0,0,.2); @media(max-width:640px){padding:3px;} @media(max-width:600px){ width: 50%; float: left;} @media(max-width:430px){ width: 73%; margin-bottom: 20px;} @media(max-width:360px){ width: 90%;} @media(max-width:340px){ width: 100%; padding:5px;margin-bottom:10px;} .image-holder{ position: relative; &:hover{ .hover-bg{ display: block;} } .hover-bg{ position: absolute; background-color: rgba(0, 0, 0, 0.4); min-height: 100%; top: 0; width: 100%; display:none; p{ font:14px/18px latoregular,Verdana,Geneva,sans-serif; text-align: center; color:#f4f4f4; padding-top:28px; padding-left:12px; padding-right:12px; @media(max-width:1199px){padding-top: 5px;} @media(max-width:991px){padding-top: 15px;} @media(max-width:725px){padding-top: 15px; padding-left:0px; padding-right:0px;} @media(max-width:660px){padding-top: 5px;} @media(max-width:640px){padding-top: 30px; padding-left:12px; padding-right:12px;} @media(max-width:484px){padding-top: 15px;} @media(max-width:430px){padding-top: 30px;} } } } a{ color: #fff; font:18px/18px latoregular,Verdana,Geneva,sans-serif; background-color:#4a7c00; text-align: center; padding-top:14px; padding-bottom:14px; display: block; text-decoration: none; &:hover{background-color:#71b807;} } } .image-text-logict{ margin-top:30px; -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2); -moz-box-shadow: 0 0 6px rgba(0,0,0,.2); box-shadow: 0 0 6px rgba(0,0,0,.2); @media(max-width:1199px){margin-top:13px;} @media(max-width:640px){margin-top:27px; padding:3px;} @media(max-width:635px){margin-top:25px;} @media(max-width:621px){margin-top:20px;} @media(max-width:600px){ width: 50%; float: left; margin-top:0px;} @media(max-width:430px){ width: 73%; margin-bottom: 20px;} @media(max-width:360px){ width: 90%;} @media(max-width:340px){ width: 100%; padding:5px;} .image-holder{ position: relative; &:hover{ .hover-bg{ display: block;} } .hover-bg{ position: absolute; min-height: 100%; top: 0; width: 100%; display:none; background-color: rgba(0, 0, 0, 0.4); p{ font:14px/18px latoregular,Verdana,Geneva,sans-serif; text-align: center; color:#f4f4f4; padding-top:29px; padding-left:12px; padding-right:12px; @media(max-width:1199px){padding-top: 5px;} @media(max-width:991px){padding-top: 15px;} @media(max-width:725px){padding-top: 15px; padding-left:0px; padding-right:0px;} @media(max-width:660px){padding-top: 5px;} @media(max-width:640px){padding-top: 30px; padding-left:12px; padding-right:12px;} @media(max-width:484px){padding-top: 15px;} @media(max-width:430px){padding-top: 30px;} } } } a{ color: #fff; font:18px/18px latoregular,Verdana,Geneva,sans-serif; background-color:#4a7c00; text-align: center; padding-top:14px; padding-bottom:14px; display: block; text-decoration: none; &:hover{background-color:#71b807;} } } } .operational{ @media(max-width:640px){width: 50%;} @media(max-width:600px){ width: 100%; margin-top:10px; display: none;} .image-text{ -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2); -moz-box-shadow: 0 0 6px rgba(0,0,0,.2); box-shadow: 0 0 6px rgba(0,0,0,.2); @media(max-width:640px){padding:3px;} @media(max-width:600px){ width: 50%;} @media(max-width:340px){ width: 100%; padding:5px; } .image-holder{ position: relative; &:hover{ .hover-bg{ display: block;} } .hover-bg{ position: absolute; top:0; display: none; min-height: 100%; background-color: rgba(0, 0, 0, 0.4); p{ font:14px/18px latoregular,Verdana,Geneva,sans-serif; text-align: center; padding: 130px 12px 0; color: #fff; @media(max-width:1199px){padding: 70px 12px 0;} } } } a{ color: #fff; font:18px/18px latoregular,Verdana,Geneva,sans-serif; background-color:#4a7c00; text-align: center; padding-top:14px; padding-bottom:14px; display: block; text-decoration: none; &:hover{background-color:#71b807;} @media(max-width:767px){ font:16px/18px latoregular,Verdana,Geneva,sans-serif;} } } } .product{ @media(max-width:640px){width:50%; margin-top:20px;} @media(max-width:600px){ width: 100%;} .image-text{ -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2); -moz-box-shadow: 0 0 6px rgba(0,0,0,.2); box-shadow: 0 0 6px rgba(0,0,0,.2); @media(max-width:640px){padding:3px;} @media(max-width:600px){ width: 50%; float:left;} @media(max-width:430px){ width: 73%; margin-bottom: 20px;} @media(max-width:360px){ width: 90%;} @media(max-width:340px){ width: 100%; padding:5px; margin-bottom:10px;} .image-holder{ position: relative; &:hover{ .hover-bg{ display: block;} } .hover-bg{ position: absolute; top: 0; width: 100%; min-height: 100%; display: none; background-color: rgba(0, 0, 0, 0.4); p{ font:14px/18px latoregular,Verdana,Geneva,sans-serif; text-align: center; color:#f4f4f4; padding-top:29px; padding-left:12px; padding-right:12px; @media(max-width:1199px){padding-top: 5px;} @media(max-width:991px){padding-top: 15px;} @media(max-width:725px){padding-top: 15px; padding-left:0px; padding-right:0px;} @media(max-width:660px){padding-top: 5px;} @media(max-width:640px){padding-top: 30px; padding-left:12px; padding-right:12px;} @media(max-width:484px){padding-top: 15px;} @media(max-width:430px){padding-top: 30px;} } } } a{ color: #fff; font:18px/18px latoregular,Verdana,Geneva,sans-serif; background-color:#4a7c00; text-align: center; padding-top:5px; padding-bottom:5px; display: block; text-decoration: none; &:hover{background-color:#71b807;} @media(max-width:767px){ font:16px/18px latoregular,Verdana,Geneva,sans-serif;} @media(max-width:382px){ font:14px/18px latoregular,Verdana,Geneva,sans-serif;} } } .image-text-logict{ margin-top:30px; -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2); -moz-box-shadow: 0 0 6px rgba(0,0,0,.2); box-shadow: 0 0 6px rgba(0,0,0,.2); @media(max-width:1199px){ margin-top:13px;} @media(max-width:640px){ margin-top:27px; padding:3px;} @media(max-width:600px){ width: 50%; float:left; margin-top:0px;} @media(max-width:430px){ width: 73%; margin-bottom: 20px;} @media(max-width:360px){ width: 90%;} @media(max-width:340px){ width: 100%; padding:5px;} .image-holder{ position: relative; &:hover{ .hover-bg{ display: block;} } .hover-bg{ position: absolute; top: 0; width: 100%; min-height: 100%; display: none; background-color: rgba(0, 0, 0, 0.4); p{ font:14px/18px latoregular,Verdana,Geneva,sans-serif; text-align: center; color:#f4f4f4; padding-top:29px; padding-left:12px; padding-right:12px; @media(max-width:1199px){padding-top: 5px;} @media(max-width:991px){padding-top: 15px;} @media(max-width:725px){padding-top: 15px; padding-left:0px; padding-right:0px;} @media(max-width:660px){padding-top: 5px;} @media(max-width:640px){padding-top: 30px; padding-left:12px; padding-right:12px;} @media(max-width:484px){padding-top: 15px;} @media(max-width:430px){padding-top: 30px;} } } } a{ color: #fff; font:18px/18px latoregular,Verdana,Geneva,sans-serif; background-color:#4a7c00; text-align: center; padding-top:14px; padding-bottom:14px; display: block; text-decoration: none; &:hover{background-color:#71b807;} @media(max-width:1199px){ font:16px/18px latoregular,Verdana,Geneva,sans-serif;} @media(max-width:767px){ font:14px/18px latoregular,Verdana,Geneva,sans-serif;} @media(max-width:382px){ font:12px/18px latoregular,Verdana,Geneva,sans-serif;} } } } }/***suplly-chain***/ .improvment{ -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2); -moz-box-shadow: 0 0 6px rgba(0,0,0,.2); box-shadow: 0 0 6px rgba(0,0,0,.2); margin-top:29px; padding-bottom: 34px; border:1px solid #c3c3c3; h2{ color: #fff; font:19px/22px latobold,Verdana,Geneva,sans-serif; background-color:#656668; padding-top:12px; padding-bottom:11px; padding-left:27px; display: block; } p{ color: #717171; font:15px/20px latoregular,Verdana,Geneva,sans-serif; padding-top:28px; padding-left:20px; padding-right:34px; } h3{ color: #548c00; font:24px/24px open_sansbold,Verdana,Geneva,sans-serif; padding-top:9px; padding-left:20px; } ul{ padding-left:20px; padding-top:16px; li{ color: #717171; font:15px/26px latoregular,Verdana,Geneva,sans-serif; background:url(../images/bainner-bullets.png) no-repeat 0% 50%; padding-left: 20px; @media(max-width:501px){ font:12px/18px latoregular,Verdana,Geneva,sans-serif; padding-left: 15px;} @media(max-width:420px){ font:11px/18px latoregular,Verdana,Geneva,sans-serif; padding-left: 15px;} @media(max-width:390px){ background:url(../images/bainner-bullets.png) no-repeat 0% 22%;} } } }/***improvment***/ .feedback{ -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2); -moz-box-shadow: 0 0 6px rgba(0,0,0,.2); box-shadow: 0 0 6px rgba(0,0,0,.2); margin-top:29px; border:1px solid #c3c3c3; padding-bottom:39px; .text-box{ float:left; padding-top:40px; padding-left:26px; width:100%; @media(max-width:1199px){width: 100%;} h2{ color: #548c00; font:24px/24px open_sansbold,Verdana,Geneva,sans-serif; padding-left:4px; } h3{ color: #717171; font:15px/24px latoregular,Verdana,Geneva,sans-serif; padding-top:10px; } .image-holder-2{ float: right; width: 149px; margin-right:40px; margin-top:-12px; @media(max-width:600px){ float: none; margin-right:0px; margin-top:20px;} } p{ color: #717171; font:13px/13px open_sansbold,Verdana,Geneva,sans-serif; padding-top:7px; padding-left:21px; } } .image-holder{ overflow: hidden; /*float:right;*/ /* padding-top:29px;*/ padding-right:40px; @media(max-width:600px){ padding-top:29px; padding-right:20px;} } }/***feedback***/ }/***orchard-inner-left***/ .orchard-inner-right{ .have-question{ padding-left:29px; padding-right:29px; padding-top:38px; padding-bottom:25px; -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2); -moz-box-shadow: 0 0 6px rgba(0,0,0,.2); box-shadow: 0 0 6px rgba(0,0,0,.2); border:1px solid #c3c3c3; margin-bottom: 27px; @media(max-width:1199px){padding-right:10px; padding-left:10px;} @media(max-width:991px){ margin-top:27px;} h2{ color: #545454; font:24px/24px latobold,Verdana,Geneva,sans-serif; @media(max-width:1199px){font:20px/24px latobold,Verdana,Geneva,sans-serif;} } p{ color: #8f8e8e; font:13px/13px open_sansregular,Verdana,Geneva,sans-serif; padding-top:15px; border-bottom:1px solid #e9e9e9; padding-bottom:17px; } form{ margin-top:36px; .form-group{ .form-control{ border:1px solid #d9d9d9; color: #8f8e8e; font:13px/13px open_sansregular ,Verdana,Geneva,sans-serif; background:url(../images/search-men-icon.png) no-repeat 7% 46%; padding-left: 46px; height: 42px; &:focus{ -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2); -moz-box-shadow: 0 0 6px rgba(0,0,0,.2); box-shadow: 0 0 6px rgba(0,0,0,.2); } @media(max-width:1199px){font:11px/13px open_sansregular,Verdana,Geneva,sans-serif;} @media(max-width:991px){font:13px/13px open_sansregular,Verdana,Geneva,sans-serif; background:url(../images/search-men-icon.png) no-repeat 2% 60%; padding-left: 50px;} } }/***form-group***/ .form-group.mail{ .form-control{ background:url(../images/search-mail-icon.png) no-repeat 7% 46%; @media(max-width:991px){background:url(../images/search-mail-icon.png) no-repeat 2% 60%; padding-left: 50px;} } } .form-group.phone{ .form-control{ background:url(../images/search-phone-icon.png) no-repeat 7% 46%; @media(max-width:991px){background:url(../images/search-phone-icon.png) no-repeat 2% 60%; padding-left: 50px;} } } .form-group{ textarea.form-control { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; padding-left:15px; padding-left:15px; height: 240px; } } }/***form***/ h3{ background:url(../images/send-butoon.png) no-repeat 100% 0%; color: #ffffff; font:18px/18px open_sansregular ,Verdana,Geneva,sans-serif; padding-top:13px; padding-bottom:13px; padding-left:58px; &:hover{ background:url(../images/hover-image.png) no-repeat 100% 0% !important; text-decoration: none; @media(max-width:767px){background:url(../images/hover-image.png) no-repeat 50% 0% !important;} a{ text-decoration: none !important;} } @media(max-width:991px){text-align:right; padding-right: 105px;} @media(max-width:767px){background:url(../images/send-butoon.png) no-repeat 50% 0%;text-align:center;} } a{ color: #ffffff; &:hover{text-decoration: none !important;} } }/***have-question***/ .latest-news{ -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2); -moz-box-shadow: 0 0 6px rgba(0,0,0,.2); box-shadow: 0 0 6px rgba(0,0,0,.2); border:1px solid #c3c3c3; padding-left:29px; padding-top:26px; padding-right:26px; padding-bottom:25px; @media(max-width:1199px){ padding-left:10px; padding-right:10px;} h2{ color: #545454; font:24px/24px open_sansbold ,Verdana,Geneva,sans-serif; } h3{ color: #c13724; font:14px/15px open_sansbold ,Verdana,Geneva,sans-serif; padding-top:12px; } p{ color: #717171; font:13px/20px latoregular ,Verdana,Geneva,sans-serif; padding-top:2px; } a{ color: #ffffff; font:14px/14px open_sansregular ,Verdana,Geneva,sans-serif; background-color: #545454; background-image: -webkit-linear-gradient(bottom, #3b6200, #558e00); background-image: -moz-linear-gradient(bottom, #3b6200, #558e00); background-image: -o-linear-gradient(bottom, #3b6200, #558e00); background-image: -ms-linear-gradient(bottom, #3b6200, #558e00); background-image: linear-gradient(to top, #3b6200, #558e00); text-align: center; width: 100px; padding-top:13px; padding-bottom:13px; display: block; float: right; margin-top:29px; text-decoration: none; &:hover{ background-color:#4e8300 !important; background-image: -webkit-linear-gradient(bottom, #4e8300, #4e8300); background-image: -moz-linear-gradient(bottom, #4e8300, #4e8300); background-image: -o-linear-gradient(bottom, #4e8300, #4e8300); background-image: -ms-linear-gradient(bottom, #4e8300, #4e8300); background-image: linear-gradient(to top, #4e8300, #4e8300); } @media(max-width:767px){ width: 100%;} } }/***latest-news***/ }/***orchard-inner-right***/ }/***orchard-contavt***/ .patner-slider{ -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2); -moz-box-shadow: 0 0 6px rgba(0,0,0,.2); box-shadow: 0 0 6px rgba(0,0,0,.2); margin-top:30px; padding-top:20px; padding-left: 23px; padding-right: 23px; @media(max-width:400px){ padding-left: 10px; padding-right: 10px;} h2{ color: #545454; font:24px/24px open_sansbold ,Verdana,Geneva,sans-serif; @media(max-width:450px){ font:20px/24px open_sansbold ,Verdana,Geneva,sans-serif;} @media(max-width:417px){font:18px/24px open_sansbold ,Verdana,Geneva,sans-serif;} @media(max-width:350px){font:15px/24px open_sansbold ,Verdana,Geneva,sans-serif;} } .last-slider{ margin-top:18px; padding-bottom:18px; @media(max-width:480px){.col-xs-4{width:50%;}} #mcts1 { background-color: transparent; border:none; box-shadow:none; height:0px; padding: 30px 0px; width: 100%; height: 86px; img { @media(max-width:1199px){ width: 68%;} @media(max-width:700px){ width: 80%;} @media(max-width:610px){ width: 80%;} @media(max-width:580px){ width: 90%;} @media(max-width:560px){ width: 85%;} @media(max-width:550px){ width: 100%;} } } #mcts1 div.item { border:none; @media(max-width:1199px){ width: 225px;} @media(max-width:700px){ width: 200px;} @media(max-width:660px){ width: 180px;} @media(max-width:610px){ width: 166px;} @media(max-width:580px){ width: 150px;} @media(max-width:550px){ width: 140px;} @media(max-width:540px){ width: 135px;} @media(max-width:530px){ width: 133px;} @media(max-width:510px){ width: 127px;} @media(max-width:500px){ width: 122px;} @media(max-width:485px){ width: 118px;} @media(max-width:480px){ width: 176px;} @media(max-width:450px){ width: 166px;} @media(max-width:435px){ width: 155px;} @media(max-width:410px){ width: 142px;} } #mcts1 .navPrev, #mcts1 .navNext, #mcts1 .navPlay, #mcts1 .navPause { cursor: pointer; display: inline-block; height: 37px; position: absolute; width: 64px; z-index: 5; } #mcts1 .navPrev { background:url(../images/slider-control-left.png) no-repeat; left: inherit; right: 0; top: -34px; &:hover{ opacity: 0.5; } } #mcts1 .navNext { background:url(../images/slider-control-right.png) no-repeat; right: -30px; top: -34px; &:hover{ opacity: 0.5; } } #mcts1 .navPause { background:none; } /*.carousel-control.left { left: inherit; right: -100px !important; background:url(../images/slider-control-left.png) no-repeat; top: -48px; @media(max-width:1199px){right: -84px !important;} @media(max-width:991px){right: -39px !important;} @media(max-width:417px){right: -9px !important;} } .carousel-control.right { top: -48px; right: -71px; background:url(../images/slider-control-right.png) no-repeat; @media(max-width:1199px){right: -55px !important;} @media(max-width:991px){right: -10px !important;} @media(max-width:417px){right: 20px !important;} } img{ filter: grayscale(1) !important; @media(max-width:991px){ margin-bottom:20px;} }*/ } }/***patner-slider***/ .footer{ .footer-inner{ background-color:#545454; padding-top:30px; padding-left:21px; margin-top:30px; padding-bottom:42px; .about-company{ h2{ font-family: 'Roboto Slab', serif; font-size:18px; color: #fff; padding-bottom:20px; display: block; } P{ color: #ffffff; font:13px/26px open_sansregular ,Verdana,Geneva,sans-serif; } } .quick-link{ @media(max-width:767px){padding-top: 30px; padding-left: 0px;} h2{ font-family: 'Roboto Slab', serif; font-size:18px; color: #fff; padding-bottom:22px; padding-left:20px; display: block; } ul{ li{ color: #ffffff; font:13px/26px open_sansregular ,Verdana,Geneva,sans-serif; a{ color: #ffffff; text-decoration: none; padding-top: 4px; padding-bottom:5px; padding-left:19px; padding-right:104px; @media(max-width:1199px){padding-right:70px;} &:hover{ background-color:#484747; border-radius: 5px; } } } } } .quick-contract{ @media(max-width:991px){padding-top: 30px;} @media(max-width:767px){padding-left: 0px;} h2{ font-family: 'Roboto Slab', serif; font-size:18px; color: #fff; padding-bottom:22px; padding-left:20px; display: block; } ul{ li{ color: #ffffff; font:13px/26px open_sansregular ,Verdana,Geneva,sans-serif; a{ color: #ffffff; text-decoration: none; padding-top: 7px; padding-bottom:8px; padding-left:20px; padding-right:20px; @media(max-width:1199px){padding-right:5px; padding-left:10px;} &:hover{ background-color:#484747; border-radius: 5px; } } } } } }/***.footer-inner***/ }/***footer***/ .last-footer{ padding-top:18px; padding-bottom:21px; h2{ color: #c13724; font:14px/14px open_sansregular ,Verdana,Geneva,sans-serif; text-align: center; display: block; } } /*******************news_large**************************/ .plainimg{ -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2); -moz-box-shadow: 0 0 6px rgba(0,0,0,.2); box-shadow: 0 0 6px rgba(0,0,0,.2); border:1px solid #c3c3c3; padding-top:30px; padding-left:20px; padding-right:20px; h2{ color: #c13724; font:35px/35px latobold ,Verdana,Geneva,sans-serif; padding-bottom:41px; display: block; } .image-holder{ } .text-box{ padding-top:40px; padding-bottom:99px; p{ color: #717171; font:13px/22px latoregular ,Verdana,Geneva,sans-serif; text-align: justify; } span{ color: #717171; font:13px/22px latoregular ,Verdana,Geneva,sans-serif; text-align: justify; display: block; padding-top:21px; } } } /*******************who-we-are**************************/ .who-ware{ padding-top:25px; padding-left:20px; padding-right:20px; -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2); -moz-box-shadow: 0 0 6px rgba(0,0,0,.2); box-shadow: 0 0 6px rgba(0,0,0,.2); border:1px solid #c3c3c3; .who-ware-inner{ h2{ color: #545454; font:35px/35px latobold ,Verdana,Geneva,sans-serif; } p{ color: #717171; font:15px/22px latoregular ,Verdana,Geneva,sans-serif; text-align: justify; padding-top:8px; } h3{ color: #545454; font:20px/20px latobold ,Verdana,Geneva,sans-serif; padding-top:28px; } span{ color: #545454; font:15px/20px latoregular ,Verdana,Geneva,sans-serif; padding-top:13px; display: block; } ul{ padding-top:22px; padding-left:20px; @media(max-width:541px){padding-left: 10px;} @media(max-width:480px){padding-left:5px;} li{ color: #545454; font:15px/23px latoregular ,Verdana,Geneva,sans-serif; background:url(../images/bainner-bullets.png) no-repeat 0% 50%; padding-left:20px; @media(max-width:541px){font:13px/23px latoregular ,Verdana,Geneva,sans-serif;} @media(max-width:380px){font:13px/23px latoregular ,Verdana,Geneva,sans-serif; padding-left:15px;} @media(max-width:480px){background:url(../images/bainner-bullets.png) no-repeat 0% 18%;} a{ color: #545454; text-decoration:none; } } } } .what-we{ padding-bottom: 28px; h2{ color:#545454; font:24px/24px open_sansbold ,Verdana,Geneva,sans-serif; padding-top:24px; padding-bottom:14px; display: block; } p{ color:#545454; font:15px/20px latoregular ,Verdana,Geneva,sans-serif; padding-bottom:20px; } h3{ color:#548d00; font:18px/18px open_sanssemibold ,Verdana,Geneva,sans-serif; padding-bottom:24px; } ul{ padding-bottom:15px; padding-left:20px; @media(max-width:541px){padding-left: 10px;} @media(max-width:480px){padding-left: 5px;} li{ color: #545454; font:15px/27px latoregular ,Verdana,Geneva,sans-serif; background:url(../images/bainner-bullets.png) no-repeat 0% 50%; padding-left:20px; @media(max-width:541px){font:13px/23px latoregular ,Verdana,Geneva,sans-serif;} @media(max-width:380px){background:url(../images/bainner-bullets.png) no-repeat 0% 18%;} @media(max-width:480px){font:11px/23px latoregular ,Verdana,Geneva,sans-serif; padding-left:15px;} a{ color: #545454; text-decoration:none; } } } } } /*******************contact-us**************************/ .contact-us{ -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2); -moz-box-shadow: 0 0 6px rgba(0,0,0,.2); box-shadow: 0 0 6px rgba(0,0,0,.2); border:1px solid #c3c3c3; padding-top:26px; padding-left:20px; padding-right:20px; @media(max-width:991px){margin-bottom:20px;} h2{ color: #545454; font:35px/53px latobold ,Verdana,Geneva,sans-serif; } p{ color: #717171; font:12px/13px open_sanssemibold ,Verdana,Geneva,sans-serif; padding-top:25px; span{ color: #548d00; } a{ color: #548d00; } } .main-forn{ margin-top:12px; .contact-left{ form{ .form-group{ margin-bottom:25px; .form-control{ color: #717171; font:13px/13px open_sansregular ,Verdana,Geneva,sans-serif; border:1px solid #a7a7a7; height: 43px; background:url(../images/search-men-icon.png) no-repeat 3% 46%; padding-left: 46px; border-radius:0px; &:focus{ -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2); -moz-box-shadow: 0 0 6px rgba(0,0,0,.2); box-shadow: 0 0 6px rgba(0,0,0,.2); } } } } .form-group.phone{ .form-control{ background:url(../images/search-phone-icon.png) no-repeat 3% 46%; } } } .contact-right{ form{ .form-group{ margin-bottom:25px; .form-control{ color: #717171; font:13px/13px open_sansregular ,Verdana,Geneva,sans-serif; border:1px solid #a7a7a7; height: 40px; background:url(../images/search-men-icon.png) no-repeat 3% 46%; border-radius:0px; padding-left: 46px; &:focus{ -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2); -moz-box-shadow: 0 0 6px rgba(0,0,0,.2); box-shadow: 0 0 6px rgba(0,0,0,.2); } } } } .form-group.mail{ .form-control{ background:url(../images/search-mail-icon.png) no-repeat 3% 46%; } } .form-group.company{ .form-control{ background:url(../images/company-icon.png) no-repeat 3% 46%; } } } .massage{ text-align: right; padding-bottom:11px; form{ textarea{ height:120px !important; border-radius:0px; color: #717171; font:13px/13px open_sansregular ,Verdana,Geneva,sans-serif; border:1px solid #a7a7a7; padding-top:15px; &:focus{ -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2); -moz-box-shadow: 0 0 6px rgba(0,0,0,.2); box-shadow: 0 0 6px rgba(0,0,0,.2); } } } a{ color: #ffffff; font:14px/14px open_sansregular ,Verdana,Geneva,sans-serif; text-decoration: none; background-color:#c13724; display: block; width: 93px; display: inline-block; text-align: center; padding-top:13px; padding-bottom:13px; margin-top:12px; transition:all 0.5s ease-in-out; &:hover{ background-color:#961406; } @media(max-width:480px){width: 100%;} } } }/***main-forn***/ }/***contact-us***/ /*******************news**************************/ .main-news{ -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2); -moz-box-shadow: 0 0 6px rgba(0,0,0,.2); box-shadow: 0 0 6px rgba(0,0,0,.2); border:1px solid #c3c3c3; padding-top:25px; padding-left:20px; padding-right: 20px; h2{ color: #545454; font:35px/35px latobold ,Verdana,Geneva,sans-serif; } .inner-news{ margin-top:36px; padding-bottom: 34px; .career-1{ /* padding-bottom: 27px; */ min-height: 310px; @media(max-width:991px){min-height: 275px;} @media(max-width:767px){min-height:300px;} @media(max-width:480px){width: 100%;} .image-holder{ text-align: center; position: relative; @media(max-width:991px){ padding: 0 33px;} @media(max-width:660px){ padding: 0 4px;} @media(max-width:600px){ padding: 0 0px;} @media(max-width:480px){ padding: 0 60px;} @media(max-width:470px){ padding: 0 59px;} @media(max-width:466px){ padding: 0 58px;} @media(max-width:465px){ padding: 0 52px;} @media(max-width:450px){ padding: 0 46px;} @media(max-width:445px){ padding: 0 45px;} @media(max-width:400px){ padding: 0 20px;} @media(max-width:390px){ padding: 0 19px;} @media(max-width:385px){ padding: 0 13px;} @media(max-width:370px){padding: 0 5px;} @media(max-width:360px){ padding: 0 0px;} &:hover{ .socail-hover{display: block;/*@media(max-width:610px){display: none;}*/} } img{ display: inline-block; } /**************************/ .socail-hover{ position: absolute; background-color: rgba(0, 0, 0, 0.6); top: 0; text-align: center; width: 100%; min-height: 99%; padding-top:38px; display: none; @media(max-width:1199px){min-height: 97%; padding-top:8px;} @media(max-width:991px){width: 79%;} @media(max-width:767px){min-height: 98%; width: 79%;} @media(max-width:735px){width: 78%;} @media(max-width:725px){width: 78%;} @media(max-width:705px){width: 77%;} @media(max-width:700px){width: 77%;} @media(max-width:680px){width: 76%;} @media(max-width:660px){width: 97%;} @media(max-width:600px){width: 100%;} @media(max-width:515px){ padding-top: 5px;} @media(max-width:480px){ width: 68%; padding-top: 18px;} @media(max-width:465px){width: 71%; padding-top: 35px;} @media(max-width:450px){width: 74%;} @media(max-width:440px){width: 73%;} @media(max-width:430px){width: 72%;} @media(max-width:420px){width: 71%; padding-top: 25px;} @media(max-width:410px){width: 70%; padding-top: 25px;} @media(max-width:400px){ width: 87%;} @media(max-width:385px){width:91%;} @media(max-width:370px){width:96%;} @media(max-width:360px){width:100%;} h3{ border: 1px solid #fff; color: #fff; display: inline-block; font: 12px/14px open_sansregular,Verdana,Geneva,sans-serif; width: 130px; a{ color: #fff; text-decoration: none; padding-top:12px; padding-bottom:12px; display: block; &:hover{ background-color:whitesmoke; color: #000; } } } ul{ li{ display: inline-block; padding-top:7px; &:hover{ opacity: 0.8; } } } p{ color: #fff; display: inline-block; font: 12px/12px open_sansregular,Verdana,Geneva,sans-serif; padding-top: 15px; @media(max-width:490px){padding-top: 12px;} a{ color: #fff; text-decoration: none; &:hover{ color: #ff1f00; } } } } /**************************/ } .text-box{ h2{ color: #c13724; font:16px/20px latoregular ,Verdana,Geneva,sans-serif; padding-top:9px; } p{ color: #717171; font:13px/20px latoregular ,Verdana,Geneva,sans-serif; padding-top:10px; text-align: justify; } } } /*.career-2{ padding-bottom: 40px; .image-holder{ } .text-box{ h2{ color: #c13724; font:16px/20px latoregular ,Verdana,Geneva,sans-serif; padding-top:9px; } p{ color: #717171; font:12px/20px latoregular ,Verdana,Geneva,sans-serif; padding-top:10px; text-align: justify; } } } .career-3{ padding-bottom: 40px; .image-holder{ } .text-box{ h2{ color: #c13724; font:15px/20px latoregular ,Verdana,Geneva,sans-serif; padding-top:9px; } p{ color: #717171; font:12px/20px latoregular ,Verdana,Geneva,sans-serif; padding-top:10px; text-align: justify; } } } .butoon{ text-align: end; margin-right:5px; a{ color: #ffffff; font:14px/14px open_sansregular ,Verdana,Geneva,sans-serif; text-decoration: none; background-color:#3f6900; display: block; width: 93px; display: inline-block; text-align: center; padding-top:13px; padding-bottom:13px; } }*/ .butoon{ text-align: end; margin-right:5px; a{ color: #ffffff; font:14px/14px open_sansregular ,Verdana,Geneva,sans-serif; text-decoration: none; background-color:#3f6900; display: block; width: 93px; display: inline-block; text-align: center; padding-top:13px; padding-bottom:13px; transition:all 0.5s ease-in-out; &:hover{ background-color:#769745; } @media(max-width:480px){ width: 100%;} } } }/***inner-news***/ }/***main-news***/ /****************************Consultant*********************************************/ .main-consultant{ -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2); -moz-box-shadow: 0 0 6px rgba(0,0,0,.2); box-shadow: 0 0 6px rgba(0,0,0,.2); border:1px solid #c3c3c3; padding: 27px 30px 47px 18px; @media(max-width:1199px){ padding: 27px 10px 56px 10px;} .consultant-inner{ h2{ color: #545454; font:35px/35px latobold ,Verdana,Geneva,sans-serif; padding-bottom:10px; display: block; } p{ color: #717171; font:15px/20px latoregular ,Verdana,Geneva,sans-serif; padding-bottom:34px; } .main-jhonson{ .jhonson-inner{ margin-bottom:30px; .image-holder{ float:left; width:150px; border:1px solid #d9d9d9; border-radius:5px; padding: 8px 0; text-align: center; img{ display: inline-block } } .text-box{ overflow: hidden; padding-left:19px; @media(max-width:1199px){padding-left:8px;} @media(max-width:480px){width: 100%; padding-top: 20px;} h2{ color: #545454; font:20px/20px latobold ,Verdana,Geneva,sans-serif; padding-bottom:5px; } h3{ color: #e24833; font:20px/20px latoregular ,Verdana,Geneva,sans-serif; padding-bottom:7px; } p{ color: #717171; font:14px/20px latoregular ,Verdana,Geneva,sans-serif; padding-bottom:6px; @media(max-width:1199px){ font:12px/20px latoregular ,Verdana,Geneva,sans-serif;} } a{ color: #000; font:16px/16px latoregular ,Verdana,Geneva,sans-serif; text-decoration: none; &:hover{ color: #e24833; } } } }/***main-jhonson*****/ }/***main-jhonson*****/ }/***consultant*****/ }/***main-consultant*****/ /****************************Consultant-detail*********************************************/ .main-Consultant-detail{ -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2); -moz-box-shadow: 0 0 6px rgba(0,0,0,.2); box-shadow: 0 0 6px rgba(0,0,0,.2); border:1px solid #c3c3c3; padding: 27px 30px 59px 18px; .Consultant-detail-inner{ h2{ color: #545454; font:35px/35px latobold ,Verdana,Geneva,sans-serif; padding-bottom:10px; display: block; } h3{ color: #717171; font:15px/20px latoregular ,Verdana,Geneva,sans-serif; } p{ color: #717171; font:15px/20px latoregular ,Verdana,Geneva,sans-serif; padding-top:30px; text-align: justify; } }/***Consultant-detail-inner*****/ }/***main-Consultant-detail*****/ }/***main***/ }/***wrapper***/ }/***container***/ /************************************************/ @media(max-width:1199px){ }