/* only define template page layout styles here. */
/* any formatting/content styles should be put in 'content.css' */
* {
    outline:none;
}

.primary-color {
    background:#ed2229;
    color:#FFF;
}

html {
    background: url(/templates/custom/e-zoil/images/topbg.jpg) repeat-x ;
    height:100%;
    /*
    background: url(/templates/front/images/html.png) repeat-x #2FB5EA;
    background: url(/templates/front/images/shadow_top.png) repeat-x #2FB5EA;
    background: url(/templates/front/images/shadow_bottom.png) repeat-x 0px bottom fixed #2FB5EA;
    */
}

body {
    background: url(/templates/custom/e-zoil/images/bottombg.png) repeat-x 0px bottom fixed;
    _ background: none;
    height:100%;
    padding:0px!important;

    /*
    background: url(/templates/front/images/shadow_top.png) repeat-x;
    background: url(/templates/front/images/shadow_bottom.png) repeat-x 0px bottom fixed; _ background: none;
    */
}

#rt-main{
    background: url(/templates/custom/e-zoil/images/bottombg.png) repeat-x 0px bottom fixed;
}


#author {
    clear: both;
    color: #000;
    padding: 6px;
    font: 11px sans-serif;
    text-align: center;
}

#author a:link,
#author a:visited {
    color: #003;
    font-weight: bold;
}

#author a:hover,
#author a:active {  }




*{margin:0; padding:0;}


#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -75px;
    background:url(/templates/custom/e-zoil/images/main-bg.jpg) left top repeat #fff;
}

#footer .push {height: 75px;}

#body-wrapper{height: 100%;}


/*Buttons*/

a.moduleItemReadMore,
a.k2ReadMore,
div.itemCommentsForm form input#submitCommentButton,
input[type="submit"],
button.button,
.component-content div.toggle-editor a,
a.moduleCustomLink{
    vertical-align: bottom;
    display: inline-block;
    overflow: hidden;
    padding: 7px 16px 6px;
    font-size: 1em !important;
    cursor:pointer;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    border-radius: 6px;
    box-shadow: 0px 0px 2px 1px #bfc2c7;
    color: #fff;
    }

a.moduleItemReadMore:hover {
    color:#000;
}

a:hover {
color: #ed2229;
}

/*Typography*/

div.catItemHeader h3.catItemTitle,
div.catItemHeader h3.catItemTitle a,
div.module-title h2.title,
div.itemHeader h2.itemTitle,
div.itemCommentsForm h3,
h3.itemCommentsCounter,
h1.contentTitle,
div.componentheading h2,
h2.k2ProfileHeading,
div.tagItemHeader h2.tagItemTitle{
    font:normal 17px/20px 'Eurostile LT Demi', 'Eurostile', 'Eurostile LT', 'Eurostile LT STD', 'Titillium Web', sans-serif;
    font-weight:bold;
    padding:0;
    margin:0;
    letter-spacing:normal;
    text-transform: uppercase;
    text-align: center;
    }

a {
text-decoration: none;
outline: none;
}

h3.catItemTitle a {
    color:#000;
}

div.catItemHeader,
div.componentheading,
h2.k2ProfileHeading,
div.module-title,
div.genericItemHeader,
div.itemHeader,
h1.contentTitle,
h3.itemCommentsCounter,
div.itemCommentsForm h3,
div.tagItemHeader{
    margin:0 0 28px 0;}

p {margin: 0 0 24px 0;}

div.itemHeader,
div.genericItemHeader,
div.userItemHeader{overflow: hidden; margin:0 0 18px 0;}

div.itemHeader h2.itemTitle{margin:0 0 0.5em 0}

h4,
#port div.catItemHeader h3.catItemTitle,
#wrapper div.userItemHeader h3.userItemTitle a,
div.genericItemHeader h2.genericItemTitle a,
#team div.catItemHeader h4.catItemTitle a,
#faqs span.ans,
#testimonials h3.catItemTitle{
    color:#ed2229;
    text-transform: uppercase;
    letter-spacing: normal;
    line-height: inherit;
    margin: 0 0 5px;
    font: bold 12px/21px Arial, Helvetica, sans-serif;
    text-align: center;
    text-shadow:none}

    #testimonials div.catItemHeader{margin:0;}


/*=== Before/After ===*/

#rt-top:before,
#rt-header .rt-container:before,
#rt-header:before,
#rt-showcase:after,
#rt-feature .rt-container:before,
#rt-footer:before,
#rt-mainbottom .rt-container:before {
    content:".";
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    text-indent:-999em;
}


/*=== Top Positions ===*/

#rt-top{position: relative; height: 195px;}
#rt-top:before{height: 11px;}

#rt-top .rt-container{padding-top: 43px; position: relative;}

#rt-top .rt-container div.rt-omega div.rt-block{
    position: relative;
    top:21px;
  padding-bottom:1px;
}

#rt-top .rt-container div.rt-block{float:left;}


#rt-login-button a{
    float:left;
    background:url(/templates/custom/e-zoil/images/user-menu-item-border.gif) left 3px no-repeat;
    padding: 0;
    margin: 0;
    display: inline-block;}

 #rt-login-button a.buttontext{
    background: none;
 }

@media (min-width: 992px) {
  #rt-top .rt-grid-3 {
      width: 160px!important;
  }
  #rt-top .rt-grid-4 {
      width: 360px!important;
  }
}

@media (max-width: 767px) {
  div#rt-login-button {
    padding: 10px 0;
  }
  #wrapper #rt-top {
    height: 246px;
  }
}

#rt-top .rt-container div.rt-block a{
    font:bold 17px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 17px!important;
    line-height: 22px;
    text-align: center;
}

#rt-top a.moduleItemReadMore {
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e14647+0,fe0000+100 */
    background: rgb(225,70,71); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(225,70,71,1) 0%, rgba(254,0,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(225,70,71,1) 0%,rgba(254,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(225,70,71,1) 0%,rgba(254,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e14647', endColorstr='#fe0000',GradientType=0 ); /* IE6-9 */
    text-transform: uppercase;
}

#rt-top a.moduleItemReadMore:hover {
    background: #f3f5f9!important;
}

#rt-top .rt-container div.rt-block a:hover{text-decoration:underline;}

#rt-top .rt-container div.rt-omega div.rt-block{float: right;}


/*=== Header Positions ===*/

#rt-header{position: relative;}

#rt-header:before{
    height: 3px;
}

#rt-header .rt-container{
    position: relative;
    height: 33px;
    padding:0;
    padding-bottom: 18px;
}

#rt-header .rt-container:before {
    border: 1px solid #FFFFFF;
    border-radius: 6px 6px 6px 6px;
    height: 63px;
    top: -34px;
}

#rt-header .rt-container .rt-containerInner {
    left: 1px;
    position: absolute;
    top: -33px;
    *background: url(/templates/custom/e-zoil/images/menu-bg.jpg) #ed2229 repeat-x;
    *height:63px;
}

@media (max-width: 767px) {
  #rt-header .rt-container .rt-containerInner {
    left: 1px;
    position: relative;
    top: auto;
  }
  #rt-header .rt-container:before {
    top: auto;
  }
}

#rt-header div.mod_search{
    position: relative;
    right: 30px;
    top: 15px;}

#rt-header div.mod_search #mod-search-searchword{
    width: 220px;
}

#rt-header div.mod_search input.button{
    background: url(/templates/custom/e-zoil/images/search.png) no-repeat;
    background-position: left top;
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    right:-5px;
    top:12px;
    padding:0;
    margin:0;
    border:none;
    text-indent: -999em;
    box-shadow: none;
    border-radius: 0 0 0 0 !important;
}

#rt-header div.mod_search input.button:hover{background-position: left bottom;}

/*=== Showcase Positions ===*/

#rt-showcase{position: relative;}
#rt-showcase:after{height: 3px; top: inherit; bottom:0;}




/*=== Feature Positions ===*/



.rt-container {
    width:960px;
    margin:auto;
}

#rt-feature .rt-container{
    padding: 0px 0 20px;
    position: relative;}

#rt-feature .rt-container:before{
    width: 940px;
    left:10px;
    bottom:0;
    top:inherit;
    height: 2px;
}

div.k2ItemsBlock.features ul li a.moduleItemTitle{
    font:bold 17px/20px 'Eurostile LT Demi', 'Eurostile', 'Eurostile LT', 'Eurostile LT STD', 'Titillium Web', sans-serif;
    text-transform: uppercase;
    margin: 0 0 26px;
    display: inline-block;
}

div.k2ItemsBlock.features ul li a.moduleItemTitle a{
    color:#000;
}

div.k2ItemsBlock.cols-4 ul li{
    float: left;
    margin: 0 5.5% 0 0;
    width: 20%;
    padding-bottom: 30px;}

div.k2ItemsBlock.cols-4phone ul li{
    float: left;
    margin: 0 5.5% 0 0;
    padding-bottom: 30px;}

div.k2ItemsBlock.cols-4 ul li.lastItem{margin:0;}

div.k2ItemsBlock.cols-4.solutions ul li{
    width: 220px;
    margin:0 20px 0 0;
}

div.k2ItemsBlock.cols-4.solutions ul li.lastItem{margin:0;}


/*=== Utility Positions ===*/

/*=== MainTop Positions ===*/

/*=== MAINBODY ===*/

#wrapper div.itemBody,{margin:0 1em 0 0;}

#rt-main .rt-container{    padding: 35px 0 20px 0;}

.mainbody { padding: 35px 0 20px 0; }

div.k2CategoriesListBlock ul,
ul.itemList,
div.k2ArchivesBlock ul{margin:0; padding:0;}

div.k2UserBlock ul.k2UserBlockActions{margin: 1em 0;}

ul.itemList li,
div.k2CategoriesListBlock ul li,
div.k2ArchivesBlock ul li,
ul.k2UserBlockActions li{
    list-style: none;
    background: url(/templates/custom/e-zoil/images/li-item.png) left 7px no-repeat;
    padding:0 0 0 24px;
     margin: 0 0 10px;
}

ul.itemList li a,
div.k2CategoriesListBlock ul li a,
div.k2ArchivesBlock ul li a,
ul.k2UserBlockActions li a{
    font-weight:bold;
}


div.k2AccountPage,
div.component-content div.search{margin: 0 0 2em 0;}

div.itemFullText {
    clear: both;
}


/*Images*/

div.itemImageBlock,
div.catItemImageBlock,
div.userItemImageBlock,
div.genericItemImageBlock{margin: 0 2em 2em 0}

div.itemImageBlock a,
a.moduleItemImage,
div.catItemImageBlock a,
div.userItemImageBlock a,
div.genericItemImageBlock a,
p.itemImg a{
    border-radius: 7px;
    border:1px solid #fff;
    box-shadow: 0px 0px 3px 1px #bfc2c7;
        display: block;
}

div.itemImageBlock img,
a.moduleItemImage img,
div.catItemImageBlock img,
div.userItemImageBlock img,
div.genericItemImageBlock img,
p.itemImg img{border-radius: 7px;}

p.itemImg{float:left; margin:0 16px 16px 0;
}
p.itemImg.thumb{margin: 0 1em 1em 0;}

/*----------------Items List View-----------------*/

div.itemContainer{margin-bottom:0px; width: 100%;}
#k2Container {padding: 0 0 10px;}


/*----------------------------------------- Home  ------------------------------------*/


#wrapper.homepage.itemlist div.catItemView {margin: 0 16px 0 0;}


/*----------------------------------------- Laboratory  ------------------------------------*/

#laboratory #itemListLeading{
    background: url(/templates/custom/e-zoil/images/body-border-hor.jpg) left bottom repeat-x;
    padding: 0 0 21px;
    margin: 0 0 26px;
}

#laboratory #itemListPrimary div.K2ItemsRow {margin: 0 0 6px;}

#laboratory #itemListPrimary div.catItemHeader h3.catItemTitle{
    font:bold 12px/18px Arial, Helvetica, sans-serif;
    text-shadow:none;
    color:#718ec1;
}

#laboratory #itemListPrimary div.catItemHeader {margin: 0 0 5px;}

#laboratory #itemListPrimary div.catItemView{margin:0 10px 0 0}

/*----------------------------------------- Research  ------------------------------------*/

#research div.K2ItemsRow div.catItemView div.catItemImageBlock{float:left; }

#research div.catItemView div.catItemReadMore a.k2ReadMore{}
#research div.catItemView div.catItemIntroText{overflow: hidden;}
#research div.catItemView div.catItemIntroText p{margin:0 0 0.5em 0}

#research div.catItemView div.catItemImageBlock{margin:0 2em 3em 0;}

/*----------------------------------------- Portfolio  ------------------------------------*/

.portfolio-row{overflow:hidden;}
.portfolio-row div.catItemImageBlock{margin-bottom:1em;}

#port div.itemContainer{margin-bottom:0;}
#port div.itemContainer .catItemBody{margin-bottom:3em}

#port div.catItemImageBlock{margin:0 0 1em 0;}

/*SortByType*/

#portfoliosorting{width: 100%; overflow: hidden; margin: 0 0 1em 0}
.sortbytype {padding: 0px; float:right;}

.sortbytype a {
    float: none;
    padding: 0;
    margin: 0 0 0 1em;
    text-decoration: none;}

.sortbytype a:hover,
.sortbytype a.active_sort {}

#port div.itemContainer.cols-2 div.catItemView {margin:0 2em 0 0;}
#port div.itemContainer.cols-3 div.catItemView {margin:0 2em 0 0;}
#port div.itemContainer.cols-4 div.catItemView {margin:0 2em 0 0;}

#port div.catItemHeader{margin: 0 0 0.5em 0;}


/*----------------------------------------- Blog ------------------------------------*/

#blog div.catItemHeader h4.catItemTitle a{color:#718ec1}
#blog div.catItemHeader h4.catItemTitle a:hover{color:#444444}

#blog div.catItemHeader{margin: 0 0 18px 0; overflow: hidden;}

#blog div.catItemHeader > span,
#wrapper div.itemHeader > span{
    display: inline-block;
    margin:0 1em 0 0;
    float:left;
}

#blog div.catItemHeader span a,
#wrapper div.itemHeader span a{color:#828282;}

#blog div.catItemHeader span a:hover,
#wrapper div.itemHeader span a:hover{color:#444444;}

div.catItemHeader span.catItemDateCreated,
div.itemHeader span.itemDateCreated{
    background:url(/templates/custom/e-zoil/images/date-icon.png) left 3px no-repeat;
    padding: 0 0 0 18px;
}

div.catItemHeader span.catItemAuthor,
div.itemHeader span.itemAuthor{
    background:url(/templates/custom/e-zoil/images/author-icon.png) left 2px no-repeat;
    padding: 0 0 0 20px;
}

div.catItemHeader span.catItemCommentsLink,
div.itemHeader span.itemCommentsAnchor{
    background:url(/templates/custom/e-zoil/images/comment-icon.png) left 4px no-repeat;
    padding: 0 0 0 18px;
}

#blog div.itemList .K2ItemsRow,
div.userItemView,
div.genericItemView{
    background: url(/templates/custom/e-zoil/images/body-border-hor.jpg) left bottom repeat-x;
    margin: 0 0 2em;
    padding: 0 0 2em;}

    div.userItemView,
div.genericItemView{padding: 0 0 3em;}


div.itemComments {
    background: url(/templates/custom/e-zoil/images/body-border-hor.jpg) left top repeat-x;
    border: none;
    margin: 0;
    padding: 2em 0 0 0;
}

div.itemComments ul.itemCommentsList,
dl.search-results {
    background: url(/templates/custom/e-zoil/images/body-border-hor.jpg) left bottom repeat-x;
    list-style: none outside none;
    margin: 0 0 2em 0;
    padding: 0 0 2em 0;
}



div.commentBodyContainer span.commentDate,
div.commentBodyContainer span.commentAuthorName,
div.commentBodyContainer span.commentAuthorName a{
    text-transform: uppercase;
    color:#718ec1;
    font-weight:bold;
}

div.itemComments ul.itemCommentsList li img{
    border-radius: 7px;
    box-shadow: 0px 0px 3px 0px #bfc2c7;
}

div.userItemHeader{margin:0 0 18px 0}

div.userItemHeader span.userItemDateCreated{color:inherit; font-size: inherit}
div.genericItemHeader span.genericItemDateCreated{color:inherit; font-size: inherit}

div.userItemHeader span.userItemDateCreated,
div.genericItemHeader span.genericItemDateCreated{
    background:url(/templates/custom/e-zoil/images/date-icon.png) left 0px no-repeat;
    padding: 0 0 0 18px;
}

span.genericItemImage {
    display: block;
    margin: 0;
    text-align: center;
}



div.genericItemList,
div.userItemList {margin:0 2em 0 0;}

/*----------------------------------------- Team ------------------------------------*/

#team div.catItemHeader{margin:0;}

#team span.catItemImage img {}

/*----------------------------------------- FAQs ------------------------------------*/

#faqs div.catItemHeader{margin-bottom:0}

#faqs .question div.catItemHeader h3.catItemTitle {
    font-size: 18px;
    font-weight: normal;
    line-height: 36px;
    margin-bottom: 0;
    padding: 0;
    }

#faqs span.ques,
#faqs span.ans{font-size: 18px;}

#faqs dd.answer{margin:0 0 2em 0;}

/*----------------------------------------- Testimonials ------------------------------------*/


#testimonials .catItemIntroText{
    background:url(/templates/custom/e-zoil/images/quotes.png) left 6px no-repeat;
    padding-left:80px;
    overflow:hidden;}

#testimonials .catItemIntroText > p{margin-bottom:0; font-style:italic}
#testimonials .catItemIntroText div.test-author{float:right; text-align:right;}
#testimonials .catItemIntroText div.test-author span.author{display:block;}

div.userItemIntroText div.test-author, div.genericItemIntroText div.test-author{margin: 0 0 1em 0;}

#testimonials div.K2ItemsRow{margin: 0 0 2em 0;}

/*----------------------------------------- History ------------------------------------*/

#history div.catItemHeader {
    float: left;
    margin: 0 1em 0 0;
    width: 60px;
}
#history div.catItemBody{overflow:hidden;}


/*Pagination*/

div.k2Pagination,
div.pagination,
div.itemComments div.itemCommentsPagination {
    display: table;
    margin: 0;
    padding: 0;
    text-align: center; }

div.k2Pagination ul,
div.pagination ul,
div.itemComments div.itemCommentsPagination ul{
    overflow: hidden;
    padding: 5px 0;
    text-align: center;}


#k2Container .k2Pagination ul li span,
#k2Container .k2Pagination ul li a,
div.pagination ul li a,
div.pagination ul li span,
div.itemComments div.itemCommentsPagination ul li a,
div.itemComments div.itemCommentsPagination ul li span{
    font-size:12px;
    display:inline-block;
    float:left;
    text-transform:uppercase;
font-weight:bold;}

.component-content ul {
    list-style-position: outside;
    list-style-type: square;
    margin: 10px 0;
    padding: 0;}

.component-content .pagenav {
    list-style-type: none;
    overflow: hidden;
    padding: 6px 10px;}

div.k2Pagination ul li span.pagenav,
div.pagination ul li span.pagenav,
div.itemComments div.itemCommentsPagination ul li span.pagenav{}

div.k2Pagination ul li a.pagenav,
div.pagination ul li a.pagenav,
div.itemComments div.itemCommentsPagination ul li a.pagenav{}

#k2Container div.k2Pagination ul li a.pagenav:hover,
div.pagination ul li a.pagenav:hover,
div.itemComments div.itemCommentsPagination ul li a.pagenav:hover,
#k2Container .k2Pagination ul li.num span.pagenav,
div.pagination ul li.num span.pagenav,
div.itemComments div.itemCommentsPagination ul li.num span.pagenav{
    color:#718ec1;
}

#k2Container .k2Pagination ul li,
div.pagination ul li,
div.itemComments div.itemCommentsPagination ul li{
    margin:0 4px 4px 0;
    float:left;
    list-style:none;}

div.k2Pagination ul li .pagenav,
div.pagination ul li .pagenav,
div.itemComments div.itemCommentsPagination ul li .pagenav{
    background: url(/templates/custom/e-zoil/images/button-bg.png) left top repeat-x;
     display: inline-block;
    overflow: hidden;
    font-size: 1em !important;
    cursor:pointer;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    border-radius: 6px;
    box-shadow: 0px 0px 2px 1px #bfc2c7;
    color:#fff;
}

div.k2Pagination ul li .pagenav:hover,
div.pagination ul li .pagenav:hover,
div.itemComments div.itemCommentsPagination ul li .pagenav:hover{
    background: url(/templates/custom/e-zoil/images/button-bg.png) left bottom repeat-x;
    color:#444;
}

div.k2Pagination ul li.num .pagenav,
div.pagination ul li.num .pagenav,
div.itemComments div.itemCommentsPagination ul li.num .pagenav{
    background: none;
    border:none;
    box-shadow: none;
    color:#828282;
}

div.k2Pagination ul li.num span.pagenav,
div.pagination ul li.num span.pagenav,
div.itemComments div.itemCommentsPagination ul li.num span.pagenav{display: inline-block !important;}

div.k2Pagination ul li span.pagenav,
div.pagination ul li span.pagenav,
div.itemComments div.itemCommentsPagination ul li span.pagenav{display: none !important;}


/*Comments*/

div.itemComments ul.itemCommentsList li{
    margin-bottom:1em;
    padding:18px;}

div.itemComments ul.itemCommentsList li img{
    margin-right:1.5em;}

#commentText{
    width: 80%;
    height:200px;}

#userName,
#commentEmail,
#commentURL{width:360px;}

div.itemComments ul.itemCommentsList li span.commentToolbar{
    padding:0;
    margin:0 0 1em 0;}

form#comment-form dl dt{margin:0;}
div.commentBodyContainer{overflow: hidden;}

div.itemComments ul.itemCommentsList li p{margin:0 0 1em 0;}

#wrapper div.commentToolbar a{
    text-decoration:none;
    background: url(/templates/custom/e-zoil/images/more-dot.gif) left 6px no-repeat !important;
    font-weight:bold
}

/*Forms*/


textarea#jform_contact_message,
textarea#commentText,
textarea#description,
textarea#jform_profile_aboutme{
    padding: 5px;
    resize: none;
    outline:none;
    overflow:auto;
    font-size:1em;
    line-height:1.8em;
    font-family:Arial, Helvetica, sans-serif;
    margin:0;
    -webkit-appearance: none;
    -webkit-border-radius:7px;
    border-radius:7px;
}

#contact-form fieldset input[type="text"],
#contact-form fieldset input[type="email"],
.itemCommentsForm input[type="text"],
#form-login  input[type="text"],
#form-login  input[type="password"],
#mod-search-searchword,
#searchForm input#search-searchword,
#josForm.register input[type="text"],
#josForm.register input[type="password"],
#josForm.register input[type="email"],
.profile input[type="text"],
.profile input[type="password"],
.profile input[type="email"],
#user-registration input#jform_email,
div.login-fields #username,
div.login-fields #password,
.k2AccountPage input[type="text"],
.k2AccountPage input[type="password"],
.k2AccountPage input[type="email"]{
    padding: 0 0.5em;
    outline:none;
    font-size:1em;
    line-height:30px;
    height:30px;
    width:250px;
    font-family:Arial, Helvetica, sans-serif;
    margin:0;
    -webkit-appearance: none;
    -webkit-border-radius:7px;
    border-radius:7px;
    }

label,
.k2AccountPage dd > span{
    line-height:30px;
    height:30px;}

div.itemCommentsForm form input.inputbox,
table.admintable td span b{
    margin:0;
    display:block;}

#rt-popup input.inputbox[type="text"],
#rt-popup input.inputbox[type="password"]{
    width:200px;
    -webkit-appearance: none;}

.component-content p.counter{line-height:2em;}


/*Contact Form*/

#contact-form input.required[type="text"],
#contact-form input.required[type="password"],
#contact-form input.required[type="email"],
#jform_contact_message{
    margin:0;}

#contact-form-cont,
#contact-address,
.contact-misc p{float:left; width:50%;}

.contact-form{margin-right:20px;}

.contact-miscinfo h3, .jicons-icons, #contact-form legend, .uniq{display:none;}

div.map-wrapper{
    padding: 0.5em;
    margin-bottom:2em;}

#map{height:260px;}

dd.submit-button {
    float: right !important;
    margin-right: 17px;}

#jform_contact_message{width:252px; height:200px;}


/*=== SIDEBARS===*/

#rt-sidebar-a > div,
#rt-sidebar-b > div,
#rt-sidebar-c > div{
    margin-bottom: 37px;
    padding: 0 0 23px;
    background: url(/templates/custom/e-zoil/images/body-border-hor.jpg) left bottom repeat-x;}

#rt-sidebar-a > div.lastItem,
#rt-sidebar-b > div.lastItem,
#rt-sidebar-c > div.lastItem{
    background: none;
    margin:0;
}

/*News*/

div.k2ItemsBlock.news ul {
    margin: 0 0 16px;
    overflow: hidden;
}

div.k2ItemsBlock.news ul li,
div.k2ItemsBlock.recent ul li{
    background: url(/templates/custom/e-zoil/images/body-border-hor.jpg) left bottom repeat-x;
    margin: 0 0 18px;
    padding: 0 0 18px;
}

div.k2ItemsBlock.news ul li a.moduleItemTitle,
div.k2ItemsBlock.recent ul li a.moduleItemTitle{
    text-transform: uppercase;
    color:#828282;
    font-weight:bold;
    display: inline-block;
    margin: 0 0 4px 0;
}

ul.news-module-list li {
    text-transform: uppercase;
    color: #999;
    font-weight: bold;
    display: inline-block;
    margin: 0 0 4px 0;
}

.news-publish-date {
    color:#000;
    font: 12px arial, sans-serif;
}


div.k2ItemsBlock.news ul li a.moduleItemTitle:hover,
div.k2ItemsBlock.recent ul li a.moduleItemTitle:hover{color:#353535;}

div.k2ItemsBlock.news ul li span.moduleItemDateCreated,
div.k2ItemsBlock.recent ul li span.moduleItemDateCreated{
    float:left;
    margin: 0 7px 0 0;
    position: relative;
    text-align: center;
    top: 4px;
    font-weight:bold;
    color:#353535;}

div.k2ItemsBlock.news ul li span.moduleItemDateCreated span,
div.k2ItemsBlock.recent ul li span.moduleItemDateCreated span{display: block; text-transform: uppercase;}

div.k2ItemsBlock.news ul li span.moduleItemDateCreated span.day,
div.k2ItemsBlock.recent ul li span.moduleItemDateCreated span.day{
    background: url(/templates/custom/e-zoil/images/date-bg.png) left top no-repeat;
    width:33px;
    height:33px;
    line-height: 42px;}

div.k2ItemsBlock.news ul li span.moduleItemDateCreated span.month,
div.k2ItemsBlock.recent ul li span.moduleItemDateCreated span.month{position: relative; top: -3px;}

div.k2ItemsBlock.news ul li a.moduleItemReadMore,
#research div.catItemView div.catItemReadMore a.k2ReadMore,
div.k2ItemsBlock.recent ul li a.moduleItemReadMore,
#wrapper div.commentToolbar a{
    border-radius: 0;
    border:none;
    box-shadow: none;
    text-shadow:none;
    padding:0 0 0 8px;
    background: url(/templates/custom/e-zoil/images/more-dot.gif) left 8px no-repeat;
}



div.k2ItemsBlock.recent ul li a.moduleItemReadMore{margin:9px 0 0 0;}


div.k2ItemsBlock.news ul li div.moduleItemIntrotext,
div.k2ItemsBlock.recent ul li div.moduleItemIntrotext{overflow: hidden;}

div.k2ItemsBlock.news ul li div.moduleItemIntrotext p,
div.k2ItemsBlock.recent ul li div.moduleItemIntrotext p  {margin: 0 0 9px;}

/*Testimonials*/

div.k2ItemsBlock.testimonial ul li div.moduleItemIntrotext p{
    display: block;
    background: #f3f7f9;
    border:1px solid #fff;
    box-shadow: 0px 0px 3px 1px #bfc2c7;
    padding: 18px 20px;
    margin:0;
    position: relative;
    z-index: 5;
    color:#718ec1;
    font-style:italic;
}


div.k2ItemsBlock.testimonial ul li div.test-author{
    background: url(/templates/custom/e-zoil/images/testi-marker.png) 18px 0 no-repeat;
    padding: 14px 0 0;
    position: relative;
    top: -1px;
    z-index: 10;
}

div.k2ItemsBlock.testimonial ul li div.test-author span.author{
    text-transform: uppercase;
    color:#718ec1;
    font-weight:bold;
}


/*Research*/

div.k2ItemsBlock.research ul li{margin:0 1em 0 0;}

div.k2ItemsBlock.research ul li div.moduleItemIntrotext h4{margin: 0;}



/*=== MainBottom Positions ===*/

#rt-mainbottom .rt-container{position: relative;     padding: 32px 0 0;}

#rt-mainbottom .rt-container:before{
    background: url(/templates/custom/e-zoil/images/body-border-hor.jpg) left bottom repeat-x;
    top:0;
    width: 940px;
    left:10px;
    height: 2px;
}


/*Team*/

div.k2ItemsBlock.scientists ul li{
    float:left;
    width: 140px;
    margin:0 20px 0 0;
}

div.k2ItemsBlock.scientists ul li.lastItem{margin:0;}

div.k2ItemsBlock.scientists ul li a.moduleItemTitle,
div.k2ItemsBlock.solutions ul li a.moduleItemTitle{text-transform: uppercase; color:#718ec1; font-weight:bold;}

div.k2ItemsBlock.scientists ul li a.moduleItemTitle:hover,
div.k2ItemsBlock.solutions ul li a.moduleItemTitle:hover{color:#353535}

div.k2ItemsBlock.scientists ul li a.moduleItemImage{
    display: block;
    margin:0 0 16px 0;
}

/*Solutions*/

div.k2ItemsBlock.cols-4.solutions ul li a.moduleItemImage{
    margin:0 0 12px 0;
    display: block
}

div.k2ItemsBlock.solutions ul li a.moduleItemTitle{display: inline-block; margin: 0 0 0.5em 0;}

/*=== Bottom Positions ===*/

/*=== Footer Positions ===*/

div.footer{}

#footer a{color:#ed2229;}
#footer a:hover{color:#000;}

.copyright,
.copyright a{
    margin:0;
    }
p.copyright{margin-bottom:0}

.copyright a:hover{text-decoration:none;}

span.sitename{}
span.date{}
span.footerText{}


#footer .footer-container {
    position: relative;
}

/*ToTop*/
/*Scroll to top*/

.rt-block.totop{
bottom: 90px;
position: fixed;
right: 13px;
display:none;}

a#gantry-totop{
    z-index:999;
    background:#f3f5fa;
    display:block;
    color:#353535;
    text-transform: uppercase;
    font:normal 18px/59px 'Squada One', sans-serif;
    padding:0 12px;
    border:1px solid #fff;
    box-shadow: 0px 0px 2px 0px #bfc2c7;
    border-radius: 6px
}

a#gantry-totop:hover{
    color:#fff;
    background: #7e98cb;
}

div.smile{
    position: relative;
    margin: 0;
    padding-top: 26px;
    padding-bottom: 29px;
}

div.smile ul li a{
    display: inline-block;
    background: url(/templates/custom/e-zoil/images/footer-menu-border.jpg) right 4px no-repeat;
    padding:0;
}

div.smile ul li a:hover{    background: url(/templates/custom/e-zoil/images/footer-menu-border.jpg) right 4px no-repeat;
}

div.smile ul li{
    list-style: none;
    display: inline;
}

div.smile ul li.lastItem a{background: none;}


/*======= 404 page styling ============*/

div.img404{width:50%; float:left;}
div.img404 img{width:100%;}

div.text404{}



/*======= Under Construction ============*/


h1.constrSiteName{margin-bottom:1em;}

.counter_desc{ position:relative; overflow:hidden; font-size:16px; font-weight:bold; line-height:1.2em; padding:5px 0 40px 0; margin: 0 0 0 30px}
.counter_desc div{ width:104px; margin-left:18px; text-align:center; float:left;}
.counter_desc div:first-child{ margin-left:0; margin-right:23px;}

.cntSeparator {
    color: #000000;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 50px;
    margin: 24px 0;}

#frame {
    width:600px;
    margin: 150px auto 0;
    padding: 0px;
    text-align:center;
    background:#fff;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.6);
    border-radius:15px; }

#frame .frameInner{
    padding:50px 36px;
}

#frame form {text-align: left;}

#frame #form-login label{width:100px; display: block; float:left;}


#toTop {
display: none;
text-decoration: none;
position: fixed;
right: 40%;
bottom: 113px;
overflow: hidden;
width: 64px;
height: 64px;
border: none;
text-indent: -999px;
z-index: 20;
background: url(/templates/custom/e-zoil/images/totop.png) no-repeat 0 0;
}

#flexslider {
    padding-bottom:50px;
}


.rt-container2 {
    border: 1px solid #FFFFFF;
    border-radius: 6px 6px 6px 6px;
    width: 940px;
    position: relative;
    padding: 0 0 20px 0;
    margin:auto;
}

.rt-grid-12-2 {
    display: inline;
    float: left;
    position: relative;
    margin-left: 0;
    margin-right: 0;
}

.searchbox {
    height: 33px;
    width: 100%;
    float: right;
    background: #fff;
    border-radius: 7px;
}

.module-search-001 {
    position:relative;
    top: -42px;
}

#search_button_100006 {
    position:absolute;
    right: 6px;
    top: 48px;
}

#search_keywords_100006 {
    position: relative;
    top: 41px;
    left: 7px;
    height: 27px;
    width: 182px;
}
.searchbox1 {
    float: right;
    top: -47px;
    right: 18px;
}

#rt-header .rt-container:before{
    border-top:1px solid #fff;
    box-shadow: 0px 0px 3px 1px #bfc2c7;
    background: url(/templates/custom/e-zoil/images/menu-bg.jpg) #ed2229;
}

#slider .flexslider {
background:none;
border-radius:20px;
box-shadow:none;
margin:0;
border:0;
}

#slider ul li {
margin: 0
}

#slider .flexslider .slides img {
width: 100%;
display: block;
border-radius: 10px;
}

/* — NAVIGATION DOTS — */


/* — ARROW OPACITY & BG IMAGE — */
#slider .flex-direction-nav a {
background:url(/templates/custom/e-zoil/images/slider-arrows.png) no-repeat;
width:59px;
height:59px;
opacity:1;
}

/* — NEXT ARROW OFF STATE — */
#slider .flex-direction-nav .flex-next {
background-position: 100% 0;
right: -35px;
opacity:1;
}

/* — NEXT ARROW ON STATE — */
#slider .flexslider:hover .flex-next {
right:-35px;
opacity:1;
}

/* — PREV ARROW OFF STATE — */
#slider .flex-direction-nav .flex-prev {
left: -37px;
opacity:1;
}

/* — PREV ARROW ON STATE — */
#slider .flexslider:hover .flex-prev {
left:-37px;
opacity:1;
}


#slider .flex-control-paging li a {
    width: 35px;
    height: 4px;
    display: block;
    background: #d8d8d8;
    cursor: pointer;
    text-indent: -9999px;
    box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
    border-radius: 0;
}

#slider .flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 0%;
    text-align: left;
    font-size: 0;
    padding-left: 38px;
}

#slider .flex-control-paging li a {
    text-indent: -9999px;
}

#slider .flex-control-nav li {
    margin: 0 2px;
    display: inline-block;
    zoom: 1;
}

#slider .flex-control-paging li a.flex-active {
    background: #ed2229;
}

.cta-wrap {
    position: relative;
    margin: -15px -10px 15px -10px;
    padding: 10px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

@media (min-width: 768px) {
    .cta-wrap {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        margin-top: -120px;
        background-color: transparent !important;
    }
}

.cta-wrap-item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
}

#k2ModuleBox120 {margin-left: -23px;}

#rt-footer {
    background: #fff;
    min-height: 60px;
    margin-top: 68px;
    padding-top: 16px;
}

select.select-menu {
    position: relative;
    left: 12px;
    width: 394px;
    top: 4px;
}

#quickpick_btn_100010 {display:none;}

.newstitle a{
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
    display: inline-block;
    margin: 0 0 4px 0;
}

.newstitle a:hover{
    text-transform: uppercase;
    color: #ed2229;
    font-weight: bold;
    display: inline-block;
    margin: 0 0 4px 0;
}

.newsreadmore a{
    color: #ed2229;
    font-weight:bold;
    padding-bottom:20px;
}


.clear { clear: both;}

div.flex-nav-container {
    background: url(/templates/custom/e-zoil/images/slider-bg.png) center bottom no-repeat;
    padding-bottom: 40px;
    position: relative;
}

.main { /* center column styles */ float: left; margin-bottom: 20px; }

.center { /* the center column width when it's the only column */ width: 940px; padding: 0 0 20px 0; }

.leftcenter, /* the center column width when there's a left column */ .rightcenter { /* the center column width when there's a right column */ width: 700px; padding: 0 0 0 20px; }

.leftrightcenter { /* the center column width when there's a left and a right column */ width: 460px; padding: 0px 15px 20px 10px; }

.phoneleftrightcenter { /* the center column width when there's a left and a right column */ width:100%; padding: 0px 15px 20px 10px; }

.left { float: left; width: 220px; padding: 0px 15px 20px 0; height:100% }

.right { float: left; width: 220px; padding: 0 0 0 20px; }


.phonemenu select.select-off, .phonemenu select.select-on {
    width: 290px;
    height: 42px;
    margin-top: 10px;
    margin-left: 5px;
    border-radius:5px;
    border-color:#fff;
}

table.blank-list-complete td.paging {
    display:none;
}

#mainbody_container ul li, ol li {
    margin: 6px 0 6px 18px;
    list-style-position: outside;
}

ul {
    margin-bottom:10px;
}

ul ul {
    margin-left:10px;
    margin-bottom:0;
}

.title {
    padding: 0 0 50px;
    font-size: 17px;
    line-height: 20px;
    font-family: 'Eurostile LT Demi', 'Eurostile', 'Eurostile LT', 'Eurostile LT STD', 'Titillium Web', sans-serif;
    font-weight: bold;
}

@media (max-width: 767px) {
    .leftrightcenter {
        width: 100%;
        padding: 0;
    }
    .right {
      width: 100%;
      padding: 0;
    }
}

.btn {
    display: inline-block;
    padding: 20px 25px;
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
    border: 2px solid #000;
    border-radius: 5px;
}

.btn::before {
    content: ">";
    margin-right: 5px;
}

.btn:hover {
    color: #fff;
    background-color: #f33;
    background-image: linear-gradient(0deg, #f71c0a, #e44042);
}

.btn-alt {
    border-color: #fff;
    color: #fff;
}

.clearfix {
    content: "";
    display: table;
    clear: left;
}