/* rt-case-study-box-filter */ .rt-case-study-box-filter[class*='filter-style-']{ font-size:0; } .rt-case-study-box-filter.filter-style-one{ margin-bottom:30px; } .rt-case-study-box-filter.filter-style-two{ margin-bottom:40px; } .rt-case-study-box-filter.filter-style-three{ margin-bottom:40px; } .rt-case-study-box-filter.filter-style-four{ margin-bottom:70px; padding-top:13px; padding-bottom:16px; border-top:1px #cbc8cd solid; border-bottom:1px #cbc8cd solid; } .rt-case-study-box-filter.filter-style-five{ margin-bottom:20px; } .rt-case-study-box-filter.filter-style-six{ margin-bottom:30px; border-top:1px #cdced2 solid; border-bottom:1px #cdced2 solid; } .rt-case-study-box-filter.filter-style-one > button{ display:inline-block; vertical-align:top; margin-left:20px; margin-right:20px; padding:0; background-color:initial; border:none; text-transform:uppercase; font-weight:600; font-size:15px; color:#4e4e4e; line-height:25px; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } .rt-case-study-box-filter.filter-style-one > button.current-menu-item{ } .rt-case-study-box-filter.filter-style-two > button{ position:relative; display:inline-block; vertical-align:top; margin-left:20px; margin-right:20px; padding:0px 0px 15px 0px;; background-color:initial; border:none; text-transform:uppercase; font-weight:600; font-size:15px; color:#9d9d9d; line-height:25px; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } .rt-case-study-box-filter.filter-style-two > button.current-menu-item{ } .rt-case-study-box-filter.filter-style-two > button:before{ position:absolute; bottom:0; left:0; right:0; content:" "; width:0; height:3px; margin:0 auto; background-color:#00174d; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } .rt-case-study-box-filter.filter-style-two > button.current-menu-item:before{ width:30px; } .rt-case-study-box-filter.filter-style-three > button{ position:relative; display:inline-block; vertical-align:top; margin-left:5px; margin-right:5px; padding:6px 15px 8px 15px; background-color:initial; border:none; text-transform:uppercase; font-weight:600; font-size:15px; color:#4e4e4e; line-height:25px; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } .rt-case-study-box-filter.filter-style-three > button.current-menu-item{ } .rt-case-study-box-filter.filter-style-three > button:before{ position:absolute; top:0; right:0; bottom:0; left:0; content:" "; background-color:#fff; border:1px #ccc solid; border-radius:3px; opacity:0; visibility:hidden; transform:scaleY(0); -webkit-transform:scaleY(0); transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } .rt-case-study-box-filter.filter-style-three > button.current-menu-item:before{ opacity:1; visibility:visible; transform:scaleY(1); -webkit-transform:scaleY(1); } .rt-case-study-box-filter[class*='filter-style-'] > button > span{ position:relative; } .rt-case-study-box-filter.filter-style-four > button{ position:relative; display:inline-block; vertical-align:top; margin-left:15px; margin-right:15px; padding:0; background-color:initial; border:none; text-transform:uppercase; font-weight:400; font-size:16px; color:#25182b; line-height:28px; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } .rt-case-study-box-filter.filter-style-four > button.current-menu-item{ } .rt-case-study-box-filter[class*='filter-style-'] > button > span{ position:relative; } .rt-case-study-box-filter.filter-style-five > button{ display:inline-block; vertical-align:top; margin-left:10px; margin-right:10px; padding:0; background-color:initial; border:none; text-transform:uppercase; font-weight:400; font-size:13px; color:#8890b2; line-height:26px; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } .rt-case-study-box-filter.filter-style-five > button:first-child{ margin-left:0; } .rt-case-study-box-filter.filter-style-five > button:last-child{ float:right; margin-right:0; } .rt-case-study-box-filter.filter-style-five > button:only-child{ margin-left:0; margin-right:0; } .rt-case-study-box-filter.filter-style-five > button.current-menu-item{ color:#001a57; } .rt-case-study-box-filter.filter-style-six > button{ position:relative; display:inline-block; vertical-align:top; padding:9px 18px 11px 18px; background-color:initial; border:none; text-transform:uppercase; font-weight:500; font-size:15px; color:#001040; line-height:25px; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } .rt-case-study-box-filter.filter-style-six > button.current-menu-item{ color:#085876; } .rt-case-study-box-filter.filter-style-six > button:before{ position:absolute; bottom:-3px; left:50%; z-index:0; content:" "; width:30px; height:5px; margin-left:-15px; background-color:#0f91a0; transform:scaleX(0); -webkit-transform:scaleX(0); transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } .rt-case-study-box-filter.filter-style-six > button.current-menu-item:before{ transform:scaleX(1); -webkit-transform:scaleX(1); } /* LARGE DESKTOP PART */ @media screen and (min-width:1200px){ } /* DESKTOP PART */ @media screen and (min-width:992px) and (max-width:1199px){ } /* TABLET LANDSCAPE PART */ @media screen and (min-width:768px) and (max-width:991px){ } /* TABLET PROTRAIT PART */ @media screen and (min-width:480px) and (max-width:767px){ } /* SMART PHONE LANDSCAPE PART */ @media screen and (min-width:321px) and (max-width:479px){ /* rt-case-study-box-filter */ .rt-case-study-box-filter.filter-style-one > button, .rt-case-study-box-filter.filter-style-two > button, .rt-case-study-box-filter.filter-style-three > button, .rt-case-study-box-filter.filter-style-five > button{ width:100%; margin:0px 0px 15px 0px; } } /* SMART PHONE PROTRAIT PART */ @media screen and (max-width:320px){ /* rt-case-study-box-filter */ .rt-case-study-box-filter.filter-style-one > button, .rt-case-study-box-filter.filter-style-two > button, .rt-case-study-box-filter.filter-style-three > button, .rt-case-study-box-filter.filter-style-five > button{ width:100%; margin:0px 0px 15px 0px; } }