/* rt-button2 element-two */ .rt-button2.element-two{ } .rt-button2.element-two[data-button-direction=left]{ text-align:left; } .rt-button2.element-two[data-button-direction=center]{ text-align:center; } .rt-button2.element-two[data-button-direction=right]{ text-align:right; } .rt-button2.element-two .rt-button2-main{ position:relative; display:inline-block; vertical-align:top; overflow:hidden; text-align:center; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } .rt-button2.element-two[data-button-fullwidth=true] .rt-button2-main{ width:100%; } .rt-button2.element-two[class*='hover-style-'] .rt-button2-main > .overlay{ position:absolute; z-index:0; content:" "; } .rt-button2.element-two.hover-style-one .rt-button2-main > .overlay{ top:0; right:0; bottom:0; left:0; opacity:0; visibility:hidden; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } .rt-button2.element-two.hover-style-one .rt-button2-main:hover > .overlay{ opacity:1; visibility:visible; } .rt-button2.element-two.hover-style-two .rt-button2-main > .overlay{ top:0; right:0; width:0; height:100%; transition:width 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; -webkit-transition:width 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; } .rt-button2.element-two.hover-style-two .rt-button2-main:hover > .overlay{ width:100%; left:0; right:auto; } .rt-button2.element-two.hover-style-three .rt-button2-main > .overlay{ top:0; right:0; bottom:0; left:0; border-radius:30px; opacity:0; visibility:hidden; transform:scale(0); -webkit-transform:scale(0); transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; } .rt-button2.element-two.hover-style-three .rt-button2-main:hover > .overlay{ opacity:1; visibility:visible; transform:scale(2); -webkit-transform:scale(2); } .rt-button2.element-two.hover-style-four .rt-button2-main > .overlay{ top:0; right:0; bottom:0; left:0; opacity:0; visibility:hidden; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } .rt-button2.element-two.hover-style-four .rt-button2-main:hover > .overlay{ opacity:1; visibility:visible; } .rt-button2.element-two .rt-button2-main > .placeholder{ position:relative; /*transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;*/ } .rt-button2.element-two .rt-button2-main i{ transition:margin 0.3s ease-in-out, opacity 0.3s ease-in-out; -webkit-transition:margin 0.3s ease-in-out, opacity 0.3s ease-in-out; } .rt-button2.element-two[data-button-icon-position=left] .rt-button2-main i{ margin-right:10px; } .rt-button2.element-two[data-button-icon-position=right] .rt-button2-main i{ margin-left:10px; } .rt-button2.element-two.hover-style-four .rt-button2-main i{ opacity:0; visibility:hidden; } .rt-button2.element-two.hover-style-four .rt-button2-main:hover i{ opacity:1; visibility:visible; } .rt-button2.element-two[data-button-icon-position=left].hover-style-four .rt-button2-main i{ margin-right:-3px; } .rt-button2.element-two[data-button-icon-position=left].hover-style-four .rt-button2-main:hover i{ margin-right:10px; } .rt-button2.element-two[data-button-icon-position=right].hover-style-four .rt-button2-main i{ margin-left:-3px; } .rt-button2.element-two[data-button-icon-position=right].hover-style-four .rt-button2-main:hover i{ margin-left:10px; } /* clients element-three */ .clients.element-three{ width:auto; } .clients.element-three:not(.owl-carousel):after{ display:block; content:" "; width:100%; height:0; clear:both; } .clients.element-three *{ margin:0 auto; } .clients.element-three .clients-item{ padding:20px 15px 20px 15px; border:1px #f2f2f2 solid; } .clients.element-three:not(.owl-carousel) .clients-item{ float:left; } .clients.element-three .owl-stage > .owl-item .clients-item, .clients.element-three:not(.owl-carousel) .clients-item{ background-color:#fafafa; } .clients.element-three .owl-stage > .owl-item:nth-child(even) .clients-item, .clients.element-three:not(.owl-carousel) .clients-item:nth-child(even){ background-color:#f4f4f4; } .clients.element-three .clients-item > .holder{ text-align:center; } .clients.element-three .clients-item > .holder > .table{ display:table; table-layout:fixed; width:100%; height:100%; margin:0; } .clients.element-three .clients-item > .holder > .table > .table-cell{ display:table-cell; width:100%; height:100%; vertical-align:middle; } .clients.element-three .clients-item > .holder .pic{ display:inline-block; vertical-align:top; } .clients.element-three .clients-item > .holder .pic img{ opacity:0.5; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } .clients.element-three .clients-item > .holder:hover .pic img{ opacity: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){ .clients.element-three:not(.owl-carousel) .clients-item{ width:100% !important; } } /* SMART PHONE LANDSCAPE PART */ @media screen and (min-width:321px) and (max-width:479px){ .clients.element-three:not(.owl-carousel) .clients-item{ width:100% !important; } } /* SMART PHONE PROTRAIT PART */ @media screen and (max-width:320px){ .clients.element-three:not(.owl-carousel) .clients-item{ width:100% !important; } }