/************************************************/ /* NORMALIZE */ /************************************************/ @import url('normalize.css'); /************************************************/ /* FONTS */ /************************************************/ @font-face { font-family:'A-Black'; src: url('../fonts/AvenirLTStd-Black_gdi.eot'); src: url('../fonts/AvenirLTStd-Black_gdi.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirLTStd-Black_gdi.woff') format('woff'), url('../fonts/AvenirLTStd-Black_gdi.ttf') format('truetype'), url('../fonts/AvenirLTStd-Black_gdi.svg#AvenirLTStd-Black') format('svg'); font-weight: 750; font-style: normal; font-stretch: normal; unicode-range: U+0020-25CA; } @font-face { font-family:'A-BlackOblique'; src: url('../fonts/AvenirLTStd-BlackOblique_gdi.eot'); src: url('../fonts/AvenirLTStd-BlackOblique_gdi.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirLTStd-BlackOblique_gdi.woff') format('woff'), url('../fonts/AvenirLTStd-BlackOblique_gdi.ttf') format('truetype'), url('../fonts/AvenirLTStd-BlackOblique_gdi.svg#AvenirLTStd-BlackOblique') format('svg'); font-weight: 750; font-style: oblique; font-stretch: normal; unicode-range: U+0020-25CA; } @font-face { font-family:'A-Book'; src: url('../fonts/AvenirLTStd-Book_gdi.eot'); src: url('../fonts/AvenirLTStd-Book_gdi.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirLTStd-Book_gdi.woff') format('woff'), url('../fonts/AvenirLTStd-Book_gdi.ttf') format('truetype'), url('../fonts/AvenirLTStd-Book_gdi.svg#AvenirLTStd-Book') format('svg'); font-weight: 350; font-style: normal; font-stretch: normal; unicode-range: U+0020-25CA; } @font-face { font-family:'A-BookOblique'; src: url('../fonts/AvenirLTStd-BookOblique_gdi.eot'); src: url('../fonts/AvenirLTStd-BookOblique_gdi.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirLTStd-BookOblique_gdi.woff') format('woff'), url('../fonts/AvenirLTStd-BookOblique_gdi.ttf') format('truetype'), url('../fonts/AvenirLTStd-BookOblique_gdi.svg#AvenirLTStd-BookOblique') format('svg'); font-weight: 350; font-style: oblique; font-stretch: normal; unicode-range: U+0020-25CA; } @font-face { font-family:'A-Heavy'; src: url('../fonts/AvenirLTStd-Heavy_gdi.eot'); src: url('../fonts/AvenirLTStd-Heavy_gdi.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirLTStd-Heavy_gdi.woff') format('woff'), url('../fonts/AvenirLTStd-Heavy_gdi.ttf') format('truetype'), url('../fonts/AvenirLTStd-Heavy_gdi.svg#AvenirLTStd-Heavy') format('svg'); font-weight: 700; font-style: normal; font-stretch: normal; unicode-range: U+0020-25CA; } @font-face { font-family:'A-HeavyOblique'; src: url('../fonts/AvenirLTStd-HeavyOblique_gdi.eot'); src: url('../fonts/AvenirLTStd-HeavyOblique_gdi.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirLTStd-HeavyOblique_gdi.woff') format('woff'), url('../fonts/AvenirLTStd-HeavyOblique_gdi.ttf') format('truetype'), url('../fonts/AvenirLTStd-HeavyOblique_gdi.svg#AvenirLTStd-HeavyOblique') format('svg'); font-weight: 700; font-style: oblique; font-stretch: normal; unicode-range: U+0020-25CA; } @font-face { font-family:'A-Light'; src: url('../fonts/AvenirLTStd-Light_gdi.eot'); src: url('../fonts/AvenirLTStd-Light_gdi.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirLTStd-Light_gdi.woff') format('woff'), url('../fonts/AvenirLTStd-Light_gdi.ttf') format('truetype'), url('../fonts/AvenirLTStd-Light_gdi.svg#AvenirLTStd-Light') format('svg'); font-weight: 300; font-style: normal; font-stretch: normal; unicode-range: U+0020-25CA; } @font-face { font-family:'A-LightOblique'; src: url('../fonts/AvenirLTStd-LightOblique_gdi.eot'); src: url('../fonts/AvenirLTStd-LightOblique_gdi.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirLTStd-LightOblique_gdi.woff') format('woff'), url('../fonts/AvenirLTStd-LightOblique_gdi.ttf') format('truetype'), url('../fonts/AvenirLTStd-LightOblique_gdi.svg#AvenirLTStd-LightOblique') format('svg'); font-weight: 300; font-style: oblique; font-stretch: normal; unicode-range: U+0020-25CA; } @font-face { font-family:'A-Medium'; src: url('../fonts/AvenirLTStd-Medium_gdi.eot'); src: url('../fonts/AvenirLTStd-Medium_gdi.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirLTStd-Medium_gdi.woff') format('woff'), url('../fonts/AvenirLTStd-Medium_gdi.ttf') format('truetype'), url('../fonts/AvenirLTStd-Medium_gdi.svg#AvenirLTStd-Medium') format('svg'); font-weight: 550; font-style: normal; font-stretch: normal; unicode-range: U+0020-25CA; } @font-face { font-family:'A-MediumOblique'; src: url('../fonts/AvenirLTStd-MediumOblique_gdi.eot'); src: url('../fonts/AvenirLTStd-MediumOblique_gdi.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirLTStd-MediumOblique_gdi.woff') format('woff'), url('../fonts/AvenirLTStd-MediumOblique_gdi.ttf') format('truetype'), url('../fonts/AvenirLTStd-MediumOblique_gdi.svg#AvenirLTStd-MediumOblique') format('svg'); font-weight: 550; font-style: oblique; font-stretch: normal; unicode-range: U+0020-25CA; } @font-face { font-family:'A-Oblique'; src: url('../fonts/AvenirLTStd-Oblique_gdi.eot'); src: url('../fonts/AvenirLTStd-Oblique_gdi.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirLTStd-Oblique_gdi.woff') format('woff'), url('../fonts/AvenirLTStd-Oblique_gdi.ttf') format('truetype'), url('../fonts/AvenirLTStd-Oblique_gdi.svg#AvenirLTStd-Oblique') format('svg'); font-weight: 400; font-style: oblique; font-stretch: normal; unicode-range: U+0020-25CA; } @font-face { font-family:'A-Roman'; src: url('../fonts/AvenirLTStd-Roman_gdi.eot'); src: url('../fonts/AvenirLTStd-Roman_gdi.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirLTStd-Roman_gdi.woff') format('woff'), url('../fonts/AvenirLTStd-Roman_gdi.ttf') format('truetype'), url('../fonts/AvenirLTStd-Roman_gdi.svg#AvenirLTStd-Roman') format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-25CA; } /************************************************/ /* GROUPING */ /************************************************/ .group:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } * html .group { zoom: 1; } /* IE6 */ *:first-child+html .group { zoom: 1; } /* IE7 */ .reset { clear: both !important; height: 0px !important; margin: 0px !important; padding: 0px !important; float: none !important } .clearfix { box-sizing: border-box; clear: both; float: none; height: 0; width: 100%; } /************************************************/ /* SELECTION */ /************************************************/ ::-moz-selection { text-shadow: none; background: #B00000; color: #ffffff; } ::selection { text-shadow: none; background: #B00000; color: #ffffff; } /************************************************/ /* PLACEHOLDER */ /************************************************/ ::-webkit-input-placeholder{color: #999999;} :-moz-placeholder{color: #999999;} ::-moz-placeholder{color: #999999;} :-ms-input-placeholder{color: #999999;} /************************************************/ /* START */ /************************************************/ body { font-family: A-Light, sans-serif; background: #ffffff; margin: 0; padding: 0; color: #000; width: 100%; font-size: 100%; position: relative; } * { padding: 0; margin: 0; } a:link, a:visited, a:active { text-decoration: none; outline: none; color: #000; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } a:hover { text-decoration: underline; color:#999999; } a img { border: none; } ul, ol, dl, p, ul li, ol li { padding: 0; margin: 0; } /************************************************/ /* END */ /************************************************/ /************************************************/ /* PAGINATOR STYLE START */ /************************************************/ .pagination { clear:both; padding:20px 0; position:relative; font-size:11px; line-height:13px; } .pagination span, .pagination a { display:block; float:left; margin: 2px 2px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto; color:#ffffff; background: #555; } .pagination a:hover{ color:#ffffff; background: #3279BB; /** change this **/ } .pagination .current{ padding:6px 9px 5px 9px; background: #3279BB; /** change this **/ color:#ffffff; } /************************************************/ /* PAGINATOR STYLE END */ /************************************************/ /************************************************/ /* HEADER STYLE START */ /************************************************/ #sec-header { background: #ffffff none repeat scroll 0 0; box-sizing: border-box; left: 0; position: fixed; top: 0; width: 100%; z-index:9999999; } #master-header { margin: 0 auto; /*padding: 1.25em 0;*/ padding: 0.66em 0; width: 726px; } #logo { float: left; padding: 0.5rem 0 0; } #headr-right { float: right; padding: 1.375rem 0 0; } /************************************************/ /* HEADER STYLE START */ /************************************************/ /************************************************/ /* SLIDER NAV START */ /************************************************/ #sec-resp-nav{display:none} #resp-wrapper{} #responsive-menu{} .ie9 #responsive-menu .slicknav_menu { filter: none; } #responsive-menu .slicknav_menu { padding: 0; } #responsive-menu .slicknav_menu{ background: #ffffff; } #responsive-menu .slicknav_menu > .slicknav_btn { background: #009aba none repeat scroll 0 0; border-radius: 0; margin: 0.3em; } #responsive-menu .slicknav_menu > .slicknav_btn:hover{} #responsive-menu .slicknav_menu > .slicknav_btn .slicknav_menutxt { font-family: A-heavy; font-weight: inherit; text-shadow: none; } #responsive-menu .slicknav_menu .slicknav_nav { font-size: inherit; margin: 0; } #responsive-menu .slicknav_menu .slicknav_nav > li { font-size: 0.875rem; line-height: 100%; text-align: right; text-transform: capitalize; } #responsive-menu .slicknav_menu .slicknav_nav > li > a:link, #responsive-menu .slicknav_menu .slicknav_nav > li > a:visited, #responsive-menu .slicknav_menu .slicknav_nav > li > a:active { background: #ffffff none repeat scroll 0 0; border-radius: 0; margin: 0; text-decoration: none; border-bottom: 1px solid #363436; } #responsive-menu .slicknav_menu .slicknav_nav > li > a:hover { background: #009aba; color: #ffffff; } #responsive-menu .slicknav_menu .slicknav_nav .slicknav_row{} #responsive-menu .slicknav_menu .slicknav_nav .slicknav_row > a:link, #responsive-menu .slicknav_menu .slicknav_nav .slicknav_row > a:visited, #responsive-menu .slicknav_menu .slicknav_nav .slicknav_row > a:active { background: transparent none repeat scroll 0 0; color: inherit; text-decoration: none; } #responsive-menu .slicknav_menu .slicknav_nav .slicknav_row > a:hover{} #responsive-menu .slicknav_menu .slicknav_nav .slicknav_arrow{} #responsive-menu .slicknav_menu .slicknav_nav > li > .sub-menu { margin: 0; visibility: inherit !important; } #responsive-menu .slicknav_menu .slicknav_nav > li > .sub-menu > li { font-size: 0.875rem; line-height: 100%; text-align: right; text-transform: capitalize; } #responsive-menu .slicknav_menu .slicknav_nav > li > .sub-menu > li > a:link, #responsive-menu .slicknav_menu .slicknav_nav > li > .sub-menu > li > a:visited, #responsive-menu .slicknav_menu .slicknav_nav > li > .sub-menu > li > a:active { background: #ffffff none repeat scroll 0 0; border-bottom: 1px solid #363436; border-radius: 0; margin: 0; text-decoration: none; } #responsive-menu .slicknav_menu .slicknav_nav > li > .sub-menu > li > a:hover{ background: #009aba; color: #ffffff; } #responsive-menu .slicknav_menu .slicknav_nav > li > .sub-menu > li .sub-menu{ margin: 0; visibility: inherit !important; } #responsive-menu .slicknav_menu .slicknav_nav > li > .sub-menu > li .sub-menu li { font-size: 0.875rem; line-height: 100%; text-align: right; text-transform: capitalize; } #responsive-menu .slicknav_menu .slicknav_nav > li > .sub-menu > li .sub-menu li > a:link, #responsive-menu .slicknav_menu .slicknav_nav > li > .sub-menu > li .sub-menu li > a:visited, #responsive-menu .slicknav_menu .slicknav_nav > li > .sub-menu > li .sub-menu li > a:active { background: #ffffff none repeat scroll 0 0; border-bottom: 1px solid #363436; border-radius: 0; margin: 0; text-decoration: none; } #responsive-menu .slicknav_menu .slicknav_nav > li > .sub-menu > li .sub-menu li > a:hover{ background: #009aba; color: #ffffff; } /************************************************/ /* SLIDER NAV END */ /************************************************/ /************************************************/ /* HOME STYLE START */ /************************************************/ #home { background-position: center top; background-size: cover; position: relative; } #home-wrapper-new { background-size: cover; height: 412px; margin: 0 auto; position: relative; width: 1024px; background-position: center top; } #h-wrapper1 { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .header-watcher{} #home-wrapper { height: 100%; margin: 0 auto; padding: 0; position: relative; width: 726px; } #home-wrapper .home-text-holder { bottom: 3rem; position: absolute; } #home-wrapper h1 { color: #ffffff; font-family: A-Black; font-size: 6rem; font-weight: inherit; line-height: 110%; padding: 0 0 1rem; } #home-wrapper p { color: #ffffff; font-family: A-Heavy; font-size: 1.75em; font-weight: inherit; line-height: 120%; padding: 0; } #home-img-main{display: block;} /************************************************/ /* HOME STYLE END */ /************************************************/ /************************************************/ /* OUR HISTORY STYLE START */ /************************************************/ .bg-eks { height: 25px; } .ie9 .bg-eks{filter:none;} .bg-eks{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d9de4e+0,44b1ad+36,53a4bd+69,8297c3+100 */ background: #d9de4e; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q5ZGU0ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM2JSIgc3RvcC1jb2xvcj0iIzQ0YjFhZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY5JSIgc3RvcC1jb2xvcj0iIzUzYTRiZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4Mjk3YzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #d9de4e 0%, #44b1ad 36%, #53a4bd 69%, #8297c3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d9de4e), color-stop(36%,#44b1ad), color-stop(69%,#53a4bd), color-stop(100%,#8297c3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #d9de4e 0%,#44b1ad 36%,#53a4bd 69%,#8297c3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #d9de4e 0%,#44b1ad 36%,#53a4bd 69%,#8297c3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #d9de4e 0%,#44b1ad 36%,#53a4bd 69%,#8297c3 100%); /* IE10+ */ background: linear-gradient(to right, #d9de4e 0%,#44b1ad 36%,#53a4bd 69%,#8297c3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9de4e', endColorstr='#8297c3',GradientType=1 ); /* IE6-8 */ } #oh-img-wrapper { background-position: center top; background-size: cover; height: 392px; position: relative; width: 100%; } #oh-new-wrapper-x { margin: 0 auto; position: relative; width: 1024px; } #oh-img-wrapper > img{display: block;width: 100%;} #absolute-history { left: 0; position: absolute; top: 0; width: 100%; } #ah-inner-wrapper { margin: 0 auto; padding: 9.625em 0 0; width: 726px; } #ah-inner-wrapper > h2 { color: #ffffff; font-size: 3.125em; line-height: 120%; padding: 0 0 2rem; } #ah-inner-wrapper > h2 .x { font-family: A-Book; } #ah-inner-wrapper > h2 .y { font-family: A-Heavy; text-transform: lowercase; } #ah-inner-wrapper #the-circles{} #ah-inner-wrapper #the-circles #circle-left { float: left; width: 48%; } #ah-inner-wrapper #the-circles #circle-right { float: right; width: 48%; } #ah-inner-wrapper #the-circles #circle-left #circle1 { float: left; position: relative; } #ah-inner-wrapper #the-circles #circle-left #circle1 p { color: #ffffff; font-family: A-Heavy; font-size: 1.8em; left: 0; line-height: 100%; position: absolute; text-align: center; top: 35%; width: 100%; } #ah-inner-wrapper #the-circles #circle-right #circle2 { float: left; position: relative; } #ah-inner-wrapper #the-circles #circle-right #circle2 p{ color: #ffffff; font-family: A-Heavy; font-size: 1.8em; left: 0; line-height: 100%; position: absolute; text-align: center; top: 35%; width: 100%; } #our-history-wrapper { background: #71bd5e none repeat scroll 0 0; } #oh-inner-wrapper { margin: 0 auto; padding: 2.188em 0; width: 726px; } #oh-col-1 { float: left; width: 48%; } #oh-col-2 { float: right; width: 48%; } #oh-inner-wrapper .oh-entry-content{position: relative;} #oh-inner-wrapper .oh-entry-content h1, #oh-inner-wrapper .oh-entry-content h2, #oh-inner-wrapper .oh-entry-content h3, #oh-inner-wrapper .oh-entry-content h4, #oh-inner-wrapper .oh-entry-content h5, #oh-inner-wrapper .oh-entry-content h6 { color: #ffffff; font-family: A-Black; font-weight: inherit; line-height: 120%; padding: 0 0 1rem; } #oh-inner-wrapper .oh-entry-content h1 { font-size: 1.5rem; } #oh-inner-wrapper .oh-entry-content h2 { font-size: 1.438em; } #oh-inner-wrapper .oh-entry-content h3 { font-size: 1.375em; } #oh-inner-wrapper .oh-entry-content h4 { font-size: 1.188em; } #oh-inner-wrapper .oh-entry-content h5 { font-family: A-Heavy; font-size: 1.125em; } #oh-inner-wrapper .oh-entry-content h6{ font-family: A-Heavy; font-size: 1.1em; } #oh-inner-wrapper .oh-entry-content a:link, #oh-inner-wrapper .oh-entry-content a:visited, #oh-inner-wrapper .oh-entry-content a:active { color: #d9de4e; text-decoration: underline; } #oh-inner-wrapper .oh-entry-content a:hover{} #oh-inner-wrapper .oh-entry-content p { color: #ffffff; font-size: 1rem; line-height: 120%; padding: 0 0 1rem; } #oh-inner-wrapper .oh-entry-content ul { list-style-type: disc; margin: 0; padding: 0 0 1rem 1rem; } #oh-inner-wrapper .oh-entry-content ul li:first-child { padding: 0; } #oh-inner-wrapper .oh-entry-content ul li { color: #ffffff; font-size: 1rem; line-height: 120%; padding: 0.8rem 0 0; } #oh-inner-wrapper .oh-entry-content ol{ list-style-type: decimal; margin: 0; padding: 0 0 1rem 1rem; } #oh-inner-wrapper .oh-entry-content ol li{ color: #ffffff; font-size: 1rem; line-height: 120%; padding: 0.8rem 0 0; } #oh-inner-wrapper .oh-entry-content ol li:first-child{ padding: 0; } .wp-caption.alignnone { display: inline-block; margin: 0; max-width: 100%; width: auto !important; padding: 0 0 1em; } .wp-caption.alignright { display: block; float: right; margin: 0; max-width: 100%; padding: 0 0 1em 1em; width: auto !important; } .wp-caption.alignleft { display: block; float: left; margin: 0; max-width: 100%; padding: 0 1em 1em 0; width: auto !important; } .wp-caption.aligncenter { display: block; margin: 0 auto; max-width: 100%; padding: 0 0 1em; width: auto !important; } .wp-caption.aligncenter img{margin:0 auto;} .wp-caption img { display: block; } .wp-caption .wp-caption-text { font-size: 0.7em !important; padding: 0 !important; text-align: center; } img.alignnone { display: block; float: none; margin: 0 0 1em; } img.alignright{ display: block; float: right; margin: 0 0 1em 1em; padding: 0; } img.alignleft { display: block; float: left; margin: 0 1em 1em 0; padding: 0; } img.aligncenter { display: block; float: none; margin: 0 auto 1em; } blockquote{} blockquote p { padding: 0.5em 0 !important; } blockquote { font-family: Georgia, serif; font-size: 1em; font-style: italic; width: auto; margin: 0.25em 0 1em; padding: 0.25em 40px; line-height: 1.45; position: relative; color: #383838; border-left:3px dashed #c1c1c1; background:#eee; } blockquote cite { color: #999999; font-size: 14px; display: block; margin-top: 5px; } blockquote cite:before { content: "\2014 \2009"; } #oh-inner-wrapper .oh-entry-content #circle1{ position: relative; float:left; } #oh-inner-wrapper .oh-entry-content #circle1 p{ color: #ffffff; font-family: A-Heavy; font-size: 1.8em; left: 0; line-height: 100%; position: absolute; text-align: center; top: 35%; width: 100%; } #oh-inner-wrapper .oh-entry-content #circle2{ position: relative; float:left; } #oh-inner-wrapper .oh-entry-content #circle2 p{ color: #ffffff; font-family: A-Heavy; font-size: 1.8em; left: 0; line-height: 100%; position: absolute; text-align: center; top: 35%; width: 100%; } #oh-inner-wrapper .oh-entry-content .circle-holder { position: absolute; top: -11.5rem; } /************************************************/ /* OUR HISTORY STYLE START */ /************************************************/ /************************************************/ /* OUR PHILOSOPHY STYLE START */ /************************************************/ #our-philosophy { background: #ffffff none repeat scroll 0 0; } #op-wrapper { background-position: center top; background-repeat: no-repeat; background-size: cover; margin: 0 auto; padding: 0; width: 1024px; } #op-wrapper .op-content { background: #ffffff none repeat scroll 0 0; float: right; margin: 0 4rem 0 0; padding: 2.188em 2rem; width: 41.2109%; } #op-wrapper img { float: left; width: 48%; } #rotator-image2 { float: left; width: 48%; } #rotator-2.flexslider { background: transparent none repeat scroll 0 0; border: 0 none; border-radius: 0; margin: 0 auto; } #rotator-2.flexslider ul{} #rotator-2.flexslider ul li{} #rotator-2.flexslider ul li img { display: block; float: none; margin: 0 auto; width: auto; } #op-wrapper .op-content h2 { color: #71bd5e; font-size: 3em; line-height: 120%; padding: 0 0 1rem; } #op-wrapper .op-content h2 .y { color: #71bd5e; font-family: A-Book; } #op-wrapper .op-content h2 .x { font-family: A-Heavy; text-transform: lowercase; } #op-wrapper .op-content .op-con1 { color: #71bd5e; font-family: A-heavy; font-size: 1.125em; line-height: 120%; padding: 0 0 1rem; } #op-wrapper .op-content .op-con2 { color: #231f20; font-size: 1rem; line-height: 120%; padding: 0; } /************************************************/ /* OUR PHILOSOPHY STYLE END */ /************************************************/ /************************************************/ /* LOCATIONS STYLE START */ /************************************************/ #locations{} #locations-wrapper-xnew { margin: 0 auto; width: 1024px; position: relative; } #l-img-wrapper { background-position: center top; background-size: cover; height: 392px; position: relative; width: 100%; } #l-img-wrapper > img{display:block;width: 100%;} #absolute-location { bottom: 3rem; left: 0; position: absolute; width: 100%; } #l-inner-wrapper{ margin: 0 auto; padding: 0; width: 726px; } #l-inner-wrapper > h2{ color: #ffffff; font-size: 3.125em; line-height: 120%; padding: 0; } #l-inner-wrapper > h2 .x{font-family: A-Book;} #l-inner-wrapper > h2 .y{ font-family: A-Heavy; text-transform: lowercase; } #location-col-content { background: #ffffff none repeat scroll 0 0; } #location-col-wrapper { margin: 0 auto; padding: 2.188em 0; width: 726px; } #location-col-wrapper .loc-col1 { float: left; width: 48%; } #location-col-wrapper .loc-col2 { float: right; width: 48%; } #location-col-wrapper .loc-col1 .col1-loc { color: #009aba; font-family: A-heavy; font-size: 1.125em; line-height: 120%; } #location-col-wrapper .loc-col2 .col2-loc { color: #231f20; font-size: 1rem; line-height: 120%; } #map-locator { background: #009aba none repeat scroll 0 0; } #map-wrapper { margin: 0 auto; width: 726px; padding: 1.5rem 0 0; } #map-wrapper ul.tabs { list-style-type: none; margin: 0 auto; padding: 0 0 2rem; } #map-wrapper ul.tabs li.last { float: right; margin: 0; padding: 0; } #map-wrapper ul.tabs li { float: left; font-family: A-Black; font-size: 1.188em; font-weight: inherit; padding: 0 10.5% 0 0; } #map-wrapper ul.tabs li a:link, #map-wrapper ul.tabs li a:visited, #map-wrapper ul.tabs li a:active { border-bottom: 3px solid transparent; color: #ffffff; text-decoration: none; } #map-wrapper ul.tabs li span{ transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } #map-wrapper ul.tabs li span { border-bottom: 3px solid transparent; color: #ffffff; text-decoration: none; cursor: pointer; } #map-wrapper ul.tabs li span:hover { border-bottom: 3px solid #d9de4e; color: #d9de4e; } #map-wrapper ul.tabs li a:hover { border-bottom: 3px solid #d9de4e; color: #d9de4e; } #map-wrapper ul.tabs li a.active{ border-bottom: 3px solid #d9de4e; color: #d9de4e; } #map-wrapper ul.tabs li span.active{ border-bottom: 3px solid #d9de4e; color: #d9de4e; } #map-wrapper .map-wrapper{display:none; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; padding: 2.188em 0; } #map-wrapper .map-wrapper.show{display:block;} #map-wrapper .map-wrapper .img-map-wrapper { float: left; overflow: hidden; width: 70.9366%; position: relative; } #map-wrapper .map-wrapper .img-map-wrapper > img { display: block; width: 100%; } #map-wrapper .map-wrapper .img-map-wrapper .xtac{ transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } #map-wrapper .map-wrapper .img-map-wrapper .xtac { background: #ffffff none repeat scroll 0 0; border-radius: 50%; height: 6px; width: 6px; } #map-wrapper .map-wrapper .img-map-wrapper .xtac.active {background: #ff0000 none repeat scroll 0 0;} #map-wrapper .map-wrapper .locator-list { float: right; width: 22.1763%; } #map-wrapper .map-wrapper .locator-list ul.lista { list-style-type: none; margin: 0; padding: 0; } #map-wrapper .map-wrapper .locator-list ul.lista li:first-child { padding: 0; } #map-wrapper .map-wrapper .locator-list ul.lista li { color: #d9de4e; font-family: A-Book; font-size: 1rem; line-height: 120%; padding: 0.5rem 0 0; } #tabb1, #tabb2, #tabb3, #tabb4 { cursor: pointer; position: absolute; z-index:9999999; } #tabb1 { background: red none repeat scroll 0 0; height: 56%; opacity: 0.2; right: 0; top: 0; width: 38%; } #tabb2 { background: yellow none repeat scroll 0 0; height: 23%; opacity: 0.5; right: 0; top: 54%; width: 32%; } #tabb3{ background: green none repeat scroll 0 0; height: 18%; left: 68%; opacity: 0.5; top: 69%; width: 20%; } #tabb4{ background: blue none repeat scroll 0 0; height: 67%; left: 0; opacity: 0.5; top: 10%; width: 41%; } /************************************************/ /* LOCATIONS STYLE END */ /************************************************/ /************************************************/ /* OUR TEAM STYLE START */ /************************************************/ #ot-handler { margin: 0 auto; width: 1024px; } #our-team{} #ot-wrapper { background: rgba(0, 0, 0, 0) url("images/our-team-bg.png") no-repeat scroll right 95%; margin: 0 auto 4.375em; padding: 4.375em 0 0; width: 726px; } #ot-wrapper > h2{ color: #009aba; font-size: 3.125em; line-height: 120%; padding: 0 0 2rem; } #ot-wrapper > h2 .x{ font-family: A-Book; } #ot-wrapper > h2 .y{ font-family: A-Heavy; text-transform: lowercase; } #team-thumbs { float: left; width: 64.4628%; } #team-thumbs ul { list-style-type: none; margin: 0; padding: 0; } #team-thumbs ul li { float: left; margin: 0 3.4% 3.4% 0; width: 22.436%; } #team-thumbs ul li.last { float: right; margin: 0 0 3.4%; padding: 0; } #team-thumbs ul li.clearthis { clear: both !important; float: none !important; height: 0 !important; margin: 0 !important; padding: 0 !important; width: 100% !important; } #team-thumbs ul li .div-img-holder { box-sizing: border-box; cursor: pointer; position: relative; width: 100%; } #team-thumbs ul li .div-img-holder .img-emp { display: block; } #team-thumbs ul li .div-img-holder .emp-name { transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } #team-thumbs ul li .div-img-holder .emp-name { box-sizing: border-box; color: #ffffff; font-family: A-Heavy; height: auto; left: 0; line-height: 110%; opacity: 0; padding: 0 0.2rem; position: absolute; text-align: center; top: 37%; width: 100%; } #team-thumbs ul li:hover .div-img-holder .emp-name{opacity:1;} #team-thumbs ul li .div-img-holder.active .emp-name {opacity:1} #team-thumbs ul li .div-img-holder .img-blacker { background: #3198ae none repeat scroll 0 0; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } #team-thumbs ul li .div-img-holder .img-blacker{ transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } #team-thumbs ul li:hover .div-img-holder .img-blacker{opacity:0.5} #team-thumbs ul li .div-img-holder .img-blacker.active{opacity:0.5;} #team-thumbs ul li .div-img-holder .img-blacker:hover{} #team-info { float: right; width: 33.3333%; } #team-info .emp-infoy{display:none;} #team-info .emp-infoy.active {display: block;} #team-thumbs ul li .div-img-holder.active .img-blacker {opacity: 0.5; } #team-info .emp-infoy p { font-size: 1rem; line-height: 140%; } #team-info .emp-infoy .emp-name-y { color: #009aba; font-family: A-Heavy; } #team-info .emp-infoy .emp-pos-y { color: #231f20; font-family: A-Light; } #team-info .emp-infoy .emp-phone-y{ color: #231f20; font-family: A-Light; } #team-info .emp-infoy .emp-phone-y a:link, #team-info .emp-infoy .emp-phone-y a:visited, #team-info .emp-infoy .emp-phone-y a:active{color: #231f20;} #team-info .emp-infoy .emp-phone-y a:hover{color: #231f20; text-decoration:none;} /************************************************/ /* OUR TEAM STYLE END */ /************************************************/ /************************************************/ /* OUR MACHINR STYLE START */ /************************************************/ #machine-wrapper{} #m-wrapper { margin: 0 auto; padding: 2.188em 0; width: 726px; } #m-wrapper > .m-menu{ list-style-type: none; margin: 0 auto; padding: 0 0 0.5rem; } #m-wrapper > .m-menu li { float: left; font-family: A-Black; font-size: 1.188em; font-weight: inherit; padding: 0 1.3rem 0 0; } #m-wrapper > .m-menu li:last-child { padding: 0; } #m-wrapper > .m-menu li span{ transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } #m-wrapper > .m-menu li span{ border-bottom: 3px solid transparent; color: #b1b3b6; cursor: pointer; text-decoration: none; } #m-wrapper > .m-menu li span:hover{ border-bottom: 3px solid #00b58f; color: #00b58f; } #m-wrapper > .m-menu li span.active{ border-bottom: 3px solid #00b58f; color: #00b58f; } #caro-wrapper{} #caro-wrapper .the-machiners{display: none;} #caro-wrapper .the-machiners.active{display: block;} #caro-wrapper .the-machiners .flexslider.bigimg { background: transparent none repeat scroll 0 0; border: 0 none; border-radius: 0; float: right; margin: 0; width: 35.5372%; } #caro-wrapper .the-machiners .flexslider.bigimg .slides{} #caro-wrapper .the-machiners .flexslider.bigimg .slides li{} #caro-wrapper .the-machiners .flexslider.bigimg .slides li img{} #caro-wrapper .the-machiners .flexslider.smallimg { border: 0 none; border-radius: 0; float: left; margin: 5.5rem 0 0; width: 61.8457%; } #caro-wrapper .the-machiners .flexslider.smallimg .flexgroup{} #caro-wrapper .the-machiners .flexslider.smallimg .flex-viewport { margin: 0 auto; width: 420px; } #caro-wrapper .the-machiners .flexslider.smallimg .flex-viewport .slides{} #caro-wrapper .the-machiners .flexslider.smallimg .flex-viewport .slides li { /* margin: 0 11px;*/ margin: 0 3px; position: relative; } #caro-wrapper .the-machiners .flexslider.smallimg .flex-viewport .slides li img { cursor: pointer; padding: 0.5rem 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .xtats { cursor: pointer; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } #caro-wrapper .the-machiners .flexslider.smallimg .flex-viewport .slides li.flex-active-slide .xtats { /* background: #00b58f none repeat scroll 0 0; opacity: 0; */ } #caro-wrapper .the-machiners .flexslider.smallimg .flex-viewport .slides li .xtats{ opacity: 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; background: #00b58f none repeat scroll 0 0; } #caro-wrapper .the-machiners .flexslider.smallimg .flex-viewport .slides li:hover .xtats { opacity: 0.5; } #caro-wrapper .the-machiners .flexslider.smallimg .flex-direction-nav{} #caro-wrapper .the-machiners .flexslider.smallimg .flex-direction-nav li{} #caro-wrapper .the-machiners .flexslider.smallimg .flex-direction-nav li.flex-nav-prev{} #caro-wrapper .the-machiners .flexslider.smallimg .flex-direction-nav li.flex-nav-next{} #caro-wrapper .the-machiners .flexslider.smallimg .flex-direction-nav .flex-prev { left: -20px; opacity: 1 !important; } #caro-wrapper .the-machiners .flexslider.smallimg .flex-direction-nav .flex-next { opacity: 1 !important; right: -20px; } #caro-wrapper .the-machiners .flexslider.smallimg .flex-direction-nav .flex-prev::before { color: #00b58f; content: ""; font-family: fontawesome; } #caro-wrapper .the-machiners .flexslider.smallimg .flex-direction-nav .flex-next::before { color: #00b58f; content: ""; font-family: fontawesome; } #machine-content { background: #00b58f none repeat scroll 0 0; } #mc-wrapper { margin: 0 auto; padding: 2.188em 0; width: 726px; } #block-content { padding: 0 0 1rem; } #block-content p { color: #ffffff; font-family: A-Medium; font-size: 1.125em; line-height: 120%; padding: 0 0 1rem; } #block-content p:last-child { padding: 0; } #three-cols-content{} #three-cols-content .tcc { float: left; padding: 0 4.9% 0 0; width: 30%; } #three-cols-content .tcc.last { float: right; margin: 0; padding: 0; } #three-cols-content .tcc p { color: #ffffff; font-size: 1rem; line-height: 120%; padding: 0 0 1rem; } #three-cols-content .tcc p:last-child{ padding: 0; } #branding-machine { background: #ffffff none repeat scroll 0 0; } #bm-wrapper { margin: 0 auto; padding: 4.375rem 0; width: 726px; } #bm-wrapper > h3 { color: #00b58f; font-family: A-Heavy; font-size: 1.5rem; line-height: 120%; padding: 0 0 2.188rem; } #bm-wrapper ul { list-style-type: none; margin: 0; padding: 0; } #bm-wrapper ul li { float: left; padding: 0 4.3% 4.3% 0; } #bm-wrapper ul li.formob{display:none;} #bm-wrapper ul li.x2{} #bm-wrapper ul li.last{padding: 0;} #bm-wrapper ul li img { display: block; } /************************************************/ /* OUR MACHINR STYLE START */ /************************************************/ /************************************************/ /* HOME 2 COL CONTENT STYLE START */ /************************************************/ #h-wrapper2 { background: #009aba none repeat scroll 0 0; margin: 0 auto; width: 1024px; } #hw-2-wrapper { margin: 0 auto; padding: 2.188em 0; width: 726px; } #hw-2-wrapper .content-2cols img{display:block; margin: 0 auto;} #rotator-1.flexslider { background: transparent none repeat scroll 0 0; border: 0 none; border-radius: 0; margin: 0 auto; } #rotator-1.flexslider ul{} #rotator-1.flexslider ul li{} #rotator-1.flexslider ul li img { width: auto; } #hw-2-wrapper .content-2cols{} #hw-2-wrapper .content-2cols > h2 { color: #ffffff; font-size: 3.125em; line-height: 120%; padding: 0 0 1rem; } #hw-2-wrapper .content-2cols > h2 .x { font-family: A-Book; } #hw-2-wrapper .content-2cols > h2 .y { font-family: A-Heavy; } #hw-2-wrapper .content-2cols .hw-con{} #hw-2-wrapper .content-2cols .hw-con p { color: #ffffff; font-family: A-Heavy; line-height: 120%; padding: 0 0 1rem; } #hw-2-wrapper .content-2cols .hw-con .hw-line2 { font-family: A-Light; } #hw-2-wrapper .content-2cols .hw-con p:last-child{padding:0;} #hw-2-1 { float: left; width: 48%; } #hw-2-2 { float: right; width: 48%; } #hw-2-wrapper .content-2cols > .linker { font-family: A-Book; font-size: 0.938rem; line-height: 100%; padding: 1.5rem 0 0; } #hw-2-wrapper .content-2cols > .linker a:link, #hw-2-wrapper .content-2cols > .linker a:visited, #hw-2-wrapper .content-2cols > .linker a:active { background: #b1b3b7 none repeat scroll 0 0; color: #58595b; float: right; padding: 0.3rem; text-decoration: none; } #hw-2-wrapper .content-2cols > .linker a:hover { background: #a1a1a1 none repeat scroll 0 0; } #h-wrapper3{} #hw3-wrapper { margin: 0 auto; padding: 2.188em 0; /* width: 726px;*/ width: 736px; } #hw3-wrapper > h2 { color: #009aba; font-size: 3.125em; line-height: 120%; padding: 0 0 1rem; } #hw3-wrapper > h2 .x { font-family: A-Book; } #hw3-wrapper > h2 .y { font-family: A-Heavy; } #h-slider-wrapper{} #hs-wrapper.flexslider { background: transparent none repeat scroll 0 0; border: 0 none; border-radius: 0; margin: 0; } #hs-wrapper.flexslider .slides{} #hs-wrapper.flexslider .slides li { margin: 0 26px 0 0; } #hs-wrapper.flexslider .slides li .liwrap{} #hs-wrapper.flexslider .slides li .liwrap img { display: block; margin: 0 0 1rem; width: auto; } #hs-wrapper.flexslider .slides li .liwrap h3 { color: #009aba; font-family: A-Black; font-weight: inherit; line-height: 120%; padding: 0 0 0.5rem; } #hs-wrapper.flexslider .slides li .liwrap p { color: #231f20; font-size: 1rem; line-height: 120%; } #hs-wrapper.flexslider .flex-direction-nav{} #hs-wrapper.flexslider .flex-direction-nav li{} #hs-wrapper.flexslider .flex-direction-nav .flex-nav-prev{} #hs-wrapper.flexslider .flex-direction-nav .flex-nav-prev {} #hs-wrapper.flexslider .flex-direction-nav .flex-nav-next{} #hs-wrapper.flexslider .flex-direction-nav .flex-prev { opacity: 1 !important; left: -35px !important; } #hs-wrapper.flexslider .flex-direction-nav .flex-prev.flex-disabled { opacity: 0.5 !important; } #hs-wrapper.flexslider .flex-direction-nav .flex-next { opacity: 1 !important; right: -35px !important; } #hs-wrapper.flexslider .flex-direction-nav .flex-next.flex-disabled { opacity: 0.5 !important; } #hs-wrapper.flexslider .flex-direction-nav .flex-prev:hover{opacity:0.7 !important;} #hs-wrapper.flexslider .flex-direction-nav .flex-next:hover{opacity:0.7 !important;} #hs-wrapper.flexslider .flex-direction-nav .flex-prev::before { color: #009ab9; content: ""; font-family: fontawesome; } #hs-wrapper.flexslider .flex-direction-nav .flex-next::before { color: #009ab9; content: ""; font-family: fontawesome; } #hs-wrapper.flexslider .flex-control-nav { bottom: -80px; } #hs-wrapper.flexslider .flex-control-nav li { margin: 0 12px; } #hs-wrapper.flexslider .flex-control-paging li a { background: #b1b3b6 none repeat scroll 0 0; box-shadow: none; height: 10px; width: 10px; } #hs-wrapper.flexslider .flex-control-paging li a:hover{ background: #009aba none repeat scroll 0 0; } #hs-wrapper.flexslider .flex-control-paging li a.flex-active{ background: #009aba none repeat scroll 0 0; } /************************************************/ /* HOME 2 COL CONTENT STYLE START */ /************************************************/ /************************************************/ /* CONTACT STYLE START */ /************************************************/ #contact{} #contact-wrapper { height: auto; background: #009aba none repeat scroll 0 0; margin: 0 auto; width: 1024px; } #con-title { background-position: center top; background-repeat: no-repeat; background-size: cover; box-sizing: border-box; display: table; float: left; padding: 2.188em 0; width: 50%; background-color: #009aba !important; background-image: inherit !important; } #con-title > h2 { color: #ffffff; font-family: A-Heavy; font-size: 3.125em; line-height: 120%; } #con-form { background: #009aba none repeat scroll 0 0; box-sizing: border-box; float: right; height: auto; padding: 2.188em 0; width: 50%; } #form-wrap { margin: 0; width: 90%; } #form-wrap > h2 { color: #ffffff; font-family: A-Heavy; font-weight: inherit; line-height: 120%; padding: 0 0 0.3rem; } #form-wrap > p { color: #ffffff; font-family: A-Book; font-size: 0.75em; line-height: 120%; padding: 0 0 0.5rem; } #form-wrap{} #form-wrap .gform_wrapper { margin: 0 auto; max-width: inherit !important; } #form-wrap .gform_wrapper form { max-width: inherit; } #form-wrap .gform_wrapper form .gform_body { margin: 0; max-width: inherit; padding: 0; } #form-wrap .gform_wrapper form .gform_body .gform_fields{} #form-wrap .gform_wrapper form .gform_body .gform_fields .gfield { background: transparent none repeat scroll 0 0; border: 0 none; font-size: inherit; line-height: normal; margin: 0 !important; max-width: inherit !important; padding: 0 0 0.625rem !important; width: 100% !important; } #form-wrap .gform_wrapper form .gform_body .gform_fields .gfield label{display:none} #form-wrap .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container { margin: 0 !important; max-width: inherit !important; } #form-wrap .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container input[type="text"] { border: 0 none; box-sizing: border-box; font-family: A-Book; font-size: 0.75em; line-height: normal; padding: 0.14rem; width: 100%; border-radius:0; } .firefox #form-wrap .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container input#input_1_1[type="text"] { margin: 0 0 -1px; } .chrome #form-wrap .gform_wrapper form .gform_body .gform_fields #field_1_1.gfield{padding: 0 0 0.52rem !important;} #form-wrap .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container textarea { border: 0 none; border-radius: 0; box-sizing: border-box; font-family: A-Book; font-size: 0.75em; height: 77px; line-height: normal; margin: 0 auto; padding: 0.3rem; width: 100%; } #form-wrap .gform_wrapper form .gform_footer { margin: 0; padding: 0; } #form-wrap .gform_wrapper form .gform_footer input[type="submit"] { transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } #form-wrap .gform_wrapper form .gform_footer input[type="submit"] { background: #b1b3b6 none repeat scroll 0 0; border: 0 none; color: #58595b; font-family: A-Book; font-size: 0.938em; line-height: normal; padding: 0.2rem 0.3rem; border-radius: 0; } #form-wrap .gform_wrapper form .gform_footer input[type="submit"]:hover { background: #a1a1a1 none repeat scroll 0 0; } #form-wrap .gform_wrapper form .validation_error { display: none !important; } #form-wrap .gform_wrapper form .gform_body .gform_fields .gfield .validation_message { color: #fff; font-size: 0.65rem; font-weight: 400; line-height: 120%; margin: 0 !important; max-width: inherit !important; padding: 2px 0 0 !important; } #form-wrap .gform_confirmation_message { color: #ffffff; font-family: A-Book; font-size: 0.75em; line-height: 120%; } /************************************************/ /* CONTACT STYLE START */ /************************************************/ /************************************************/ /* FOOTER STYLE START */ /************************************************/ #sec-footer { background: #363436 none repeat scroll 0 0; margin: 0 auto; width: 1024px; } #footer-wrapper { margin: 0 auto; padding: 2.188em 0; width: 726px; position: relative; } #footer-wrapper .fbox{float:left} #footer-wrapper .fbox.last{} #footer-wrapper .fbox img { display: block; margin: 0 0 1rem; } #footer-wrapper .fbox h4 { color: #ffffff; font-family: A-Heavy; font-size: 1.5em; line-height: 120%; padding: 0 0 0.7rem; } #footer-wrapper .fbox p { color: #ffffff; font-family: A-Light; font-size: 0.75em; line-height: 160%; } #footer-wrapper .fbox a:link, #footer-wrapper .fbox a:visited, #footer-wrapper .fbox a:active{color: #ffffff;} #footer-wrapper .fbox a:hover{ text-decoration:underline} #footer-wrapper #f-box-1 { margin: 0 9% 0 0; padding: 0; width: 13%; } #footer-wrapper #f-box-2 { margin: 0; padding: 0; width: 28.774%; } #footer-wrapper #f-box-3 { float: left; width: 39%; } #address-holder{} #address-holder .add{} #address-holder .add h5 { color: #ffffff; font-family: A-Heavy; font-size: 0.75em; line-height: 120%; padding: 0 0 0.3rem; } #address-holder #add1 { float: left; width: 47%; } #address-holder #add2 { float: right; width: 47%; } #backtotop { background: #363436 none repeat scroll 0 0; bottom: 3rem; float: right; margin: 0; position: fixed; right: 3rem; } #backtotop i { border-color: #0099b8; border-radius: 0; color: #0099b8; line-height: 100%; margin: 0; padding: 0.15rem 0.5rem 0.5rem; } /************************************************/ /* FOOTER STYLE END */ /************************************************/ #cw-holder { } #ekster{background: #009aba none repeat scroll 0 0;} /************************************************/ /* NEW CIRCLE START */ /************************************************/ #history-circle { margin: 0 auto; width: 726px; } #history-circle .hcircle1 { float: left; width: 48%; } #history-circle .hcircle1 .circle-holder{} #history-circle .hcircle1 .circle-holder #circle1 { float: left; position: relative; } #history-circle .hcircle1 .circle-holder #circle1 canvas{} #history-circle .hcircle1 .circle-holder #circle1 p{ color: #ffffff; font-family: A-Heavy; font-size: 1.8em; left: 0; line-height: 100%; position: absolute; text-align: center; top: 35%; width: 100%; } #history-circle .hcircle2 { float: right; width: 48%; } #history-circle .hcircle2 .circle-holder{} #history-circle .hcircle2 .circle-holder #circle2{ float: left; position: relative; } #history-circle .hcircle2 .circle-holder #circle2 canvas{} #history-circle .hcircle2 .circle-holder #circle2 p{ color: #ffffff; font-family: A-Heavy; font-size: 1.8em; left: 0; line-height: 100%; position: absolute; text-align: center; top: 35%; width: 100%; } #hc-wrapper-x { left: 0; position: absolute; top: 38%; width: 100%; } /************************************************/ /* NEW CIRCLE END */ /************************************************/ /************************************************/ /* ARROW ON MACHINE START */ /************************************************/ #caro-wrapper .the-machiners .flexslider.bigimg .flex-direction-nav{display:none} #caro-wrapper .the-machiners .flexslider.bigimg .flex-direction-nav li{} #caro-wrapper .the-machiners .flexslider.bigimg .flex-direction-nav .flex-nav-prev{} #caro-wrapper .the-machiners .flexslider.bigimg .flex-direction-nav .flex-nav-next{} #caro-wrapper .the-machiners .flexslider.bigimg .flex-direction-nav a { opacity: 1 !important; } #caro-wrapper .the-machiners .flexslider.bigimg .flex-direction-nav .flex-prev{} #caro-wrapper .the-machiners .flexslider.bigimg .flex-direction-nav .flex-next{} #caro-wrapper .the-machiners .flexslider.bigimg .flex-direction-nav .flex-prev::before{ color: #00b58f; content: ""; font-family: fontawesome; } #caro-wrapper .the-machiners .flexslider.bigimg .flex-direction-nav .flex-next::before { color: #00b58f; content: ""; font-family: fontawesome; } #caro-wrapper .the-machiners .flexslider.bigimg .flex-direction-nav a:hover { opacity: 0.7 !important; } #caro-wrapper .the-machiners .flexslider.bigimg .flex-direction-nav a.flex-disabled { opacity: 0.5 !important; } #caro-wrapper .the-machiners .flexslider.bigimg .flex-control-nav{display:none;} #caro-wrapper .the-machiners .flexslider.bigimg .flex-control-nav li{} #caro-wrapper .the-machiners .flexslider.bigimg .flex-control-nav li a{ background: #b1b3b6 none repeat scroll 0 0; box-shadow: none; height: 10px; width: 10px; } #caro-wrapper .the-machiners .flexslider.bigimg .flex-control-nav li a:hover{background: #009aba none repeat scroll 0 0;} #caro-wrapper .the-machiners .flexslider.bigimg .flex-control-nav li a.flex-active{background: #009aba none repeat scroll 0 0;} /************************************************/ /* ARROW ON MACHINE END */ /************************************************/ #cq-inner-wrapperx { background: #009aba none repeat scroll 0 0; margin: 0 auto; width: 726px; } /************************************************/ /* MEDIA QUERIES */ /************************************************/ @media only screen and (min-width : 1855px) and (max-width : 1920px) {} @media only screen and (max-width : 1854px ) {} @media only screen and (max-width : 1799px ) { } @media only screen and (max-width : 1699px ) { } @media only screen and (max-width : 1599px ) { } @media only screen and (max-width : 1499px ) { #oh-inner-wrapper .oh-entry-content .circle-holder { top: -10.5rem; } } @media only screen and (max-width : 1399px ) { #oh-inner-wrapper .oh-entry-content .circle-holder { display: table; margin: 0 auto; padding: 0 0 1rem; position: relative; top: inherit; } } @media only screen and (max-width : 1299px ) { } @media only screen and (max-width : 1199px ) { } /*iPad - Landscape*/ @media only screen and (max-width : 1024px ) { } /*iPad - Portrait*/ @media only screen and (max-width : 979px ) { #h-wrapper1 { left: inherit; position: relative; top: inherit; } #home-wrapper h1 { font-size: 3rem; line-height: 100%; } #contact-wrapper{width: auto;} #home-wrapper p { font-size: 1.2rem; } #home-wrapper-new{width: 100%;} #h-wrapper2 { width: 100%; } #oh-new-wrapper-x { margin: 0 auto; position: relative; width: 100%; } #locations-wrapper-xnew { margin: 0 auto; width: 100%; } #hs-wrapper.flexslider .flex-direction-nav .flex-next { right: -20px !important; } #hs-wrapper.flexslider .flex-direction-nav .flex-prev { left: -20px !important; } #sec-footer { width: 100%; } #ot-handler {width:100%;} #op-wrapper{width:100%} } /*Small Tablet*/ @media only screen and (max-width : 767px ) { #cq-inner-wrapperx { width: 96%; } #master-header { margin: 0 auto; padding: 0.5em 0; width: 96%; } #logo { display: block; float: none; margin: 0 auto 1rem; } #headr-right { float: none; padding: 0; } #navigation { display: table; margin: 0 auto; } #home-wrapper { margin: 0 auto; width: 96%; } #oh-inner-wrapper { width: 96%; } #oh-col-1 { float: none; width: auto; } #oh-col-2 { float: none; width: auto; } #ah-inner-wrapper { padding: 0; width: 96%; } #absolute-history { bottom: 3rem; left: inherit; position: absolute; top: inherit; width: 100%; } #ah-inner-wrapper > h2{padding:0} #op-wrapper { box-sizing: border-box; padding: 1rem; width: 100%; } #op-wrapper .op-content { float: none; padding: 1rem; width: auto; margin:0; } #op-wrapper img { display: block; float: none; margin: 0 auto; width: auto; } #l-inner-wrapper { width: 96%; } #location-col-wrapper{width:96%} #location-col-wrapper .loc-col1 { float: none; padding: 0 0 1rem; width: auto; } #location-col-wrapper .loc-col2 { float: none; width: auto; } #map-wrapper{width:96%;} #map-wrapper ul.tabs li.last { float: none; margin: 0; padding: 0.3rem 0; } #map-wrapper ul.tabs li { float: none; padding: 0.3rem 0; } #map-wrapper .map-wrapper .locator-list ul.lista { display: table; list-style-type: none; margin: 0 auto; } #ot-wrapper{ width:96%; } #hw-2-wrapper{width:96%} #hw-2-1 { float: none; padding: 0 0 1rem; width: auto; } #hw-2-2 { float: none; width: auto; } #hw3-wrapper { width: 96%; } #m-wrapper { padding: 2.188em 0 7rem; width: 96%; } #caro-wrapper .the-machiners .flexslider.bigimg .flex-control-nav { bottom: -80px; display: block; } #caro-wrapper .the-machiners .flexslider.bigimg { float: none; width: auto; } #caro-wrapper .the-machiners .flexslider.bigimg .slides li img { display: block; margin: 0 auto; width: auto; } #caro-wrapper .the-machiners .flexslider.smallimg { float: none; width: auto; display:none; } #caro-wrapper .the-machiners .flexslider.smallimg .flex-direction-nav { display: none; } #caro-wrapper .the-machiners .flexslider.smallimg .flex-viewport { width: auto; } #m-wrapper > .m-menu { display: table; padding: 0 0 1rem; } #mc-wrapper { width: 96%; } #three-cols-content .tcc { float: none; padding: 0 0 1rem; width: auto; } #three-cols-content .tcc.last { float: none; } #bm-wrapper{width: 96%;} #bm-wrapper ul li { width: 10%; } #con-title { display: block; float: none; height: auto; width: auto; } #con-form { float: none; height: auto; width: auto; } #contact-wrapper{height: auto} #form-wrap { width: 100%; } #footer-wrapper { box-sizing: border-box; padding: 2.188em 1rem; width: 96%; } #footer-wrapper #f-box-1 { margin: 0 5% 0 0; width: 18%; } #footer-wrapper #f-box-2 { width: 29%; } #address-holder #add1 { float: none; padding: 0 0 1rem; width: auto; } #address-holder #add2 { float: none; width: auto; } #hs-wrapper.flexslider {width:90%; margin: 0 auto;} #history-circle { margin: 0 auto; width: 96%; } #hc-wrapper-x { background: #71bd5e none repeat scroll 0 0; left: inherit; padding: 1rem 0; position: relative; top: inherit; width: 100%; } #caro-wrapper .the-machiners .flexslider.bigimg .flex-direction-nav { display: block; } #hs-wrapper.flexslider .flex-direction-nav .flex-prev { left: -30px !important; } #hs-wrapper.flexslider .flex-direction-nav .flex-next { right: -30px !important; } #ot-wrapper { padding: 0 0 3rem; } #con-title > h2 { line-height: 100%; padding: 1rem 0; } #con-title { padding: 0; } #con-form { padding: 0 0 2.188em; } #footer-wrapper #f-box-3 { float: left; width: 31%; } #bm-wrapper ul li.last { clear: left; padding: 0 4.3% 4.3% 0; } #rotator-image2 { float: none; width: auto; } } /*Iphones*/ @media only screen and (max-width : 480px ) { #bm-wrapper ul li.last { clear: none; padding: 0 0 1rem; } #team-thumbs { float: none; width: auto; } #team-info { float: none; width: auto; } #ot-wrapper { padding: 0 0 5rem; margin:0 auto 0; } #m-wrapper > .m-menu li { font-size: 1rem; } #responsive-menu{display:block;} #headr-right{display: none;} #master-header{padding: 0.5em 0 0;} #logo { display: block; float: none; margin: 0 auto; position: absolute; } #caro-wrapper .the-machiners .flexslider.bigimg .slides li img{width:100%} #footer-wrapper #f-box-1 { margin: 0; padding: 0 0 1rem; text-align: center; width: auto; } #footer-wrapper .fbox { float: none; } #footer-wrapper #f-box-2 { padding: 0 0 1rem; text-align: center; width: auto; } #footer-wrapper #f-box-3 { float: none; text-align: center; width: auto; } #footer-wrapper .fbox.last { } #footer-wrapper .fbox img { margin: 0 auto 1rem; } #team-thumbs ul li .div-img-holder .emp-name{display: none;} #bm-wrapper ul li { float: left; padding: 0 0 1rem; width: 50%; } #bm-wrapper ul li img { display: block; margin: 0 auto; } #bm-wrapper ul li.formob { clear: both; display: block; height: 0 !important; margin: 0 !important; padding: 0 !important; width: 100%; } #home-wrapper-new { height: 380px; } #hs-wrapper.flexslider { width: 70%; } #oh-img-wrapper {height: 300px;} #l-img-wrapper {height: 300px;} #map-wrapper .map-wrapper .img-map-wrapper { float: none; padding: 0 0 1rem; position: relative; width: auto; } #map-wrapper .map-wrapper .locator-list { float: none; width: auto; } #map-wrapper .map-wrapper .locator-list ul.lista { display: block; } #map-wrapper .map-wrapper .locator-list ul.lista li{ text-align:center;} #hs-wrapper.flexslider .flex-direction-nav .flex-prev { left: -35px !important; } #hs-wrapper.flexslider .flex-direction-nav .flex-next { right: -35px !important; } #con-title { background: #009aba none repeat scroll 0 0 !important; padding: 0; } #con-form { padding: 0 0 2.188rem; } #con-title > h2 { padding: 1rem 0; text-align: left; width: 96%; margin:0; } } /*Small phones*/ @media only screen and (max-width : 320px ) { #ot-wrapper { background: transparent none repeat scroll 0 0; padding:0 } #team-thumbs ul li .div-img-holder .img-emp { display: block; width: 100%; } #hs-wrapper.flexslider { width: 60%; } #m-wrapper > .m-menu li { font-family: A-Book; font-size: 0.875rem; } #hs-wrapper.flexslider .flex-direction-nav .flex-prev { left: -35px !important; } #hs-wrapper.flexslider .flex-direction-nav .flex-next { right: -35px !important; } }