/* ┌─┐┌─┐┬ ┬┬ ┬┬┌─┌─┐ ┌─┐┌─┐┌┬┐ ├─┘├─┤└┐┌┘│ │├┴┐└─┐ │ │ ││││ ┴ ┴ ┴ └┘ ┴─┘┴┴ ┴└─┘o└─┘└─┘┴ ┴ ============================== @project:Pavliks.com @description: user interface and intractive design styles. @developer: Kasun Peiris. @version: 1.0. @date:2015/08/07. @last modified:2015/07/31. */ /* Color Classes ============= */ .green{background:#00a886}.blue{background:#00a7e1}.sliderBlue{background:#518cb6}.blueColor{color:#518cb6!important}.gBB{border-bottom:2px dotted #ccc}.yellowText{color:#fff200!important}.blueText{color:#39699d!important}.pageBlueBackground{padding:2.5% 0;background:#39699d!important}.pageBlueBackground p{color:#fff!important} /* Padding Classes =============== */ .noPaddingLR{padding-left:0!important;padding-right:0!important}.paddingLR5,.paddingR5{padding-right:5%!important}.paddingL10{padding-left:10%!important}.paddingL5,.paddingLR5{padding-left:5%!important}.paddingTB5{padding-top:5%!important;padding-bottom:5%!important}.paddingTB1{padding-top:1%!important;padding-bottom:1%!important}.paddingTB2{padding-top:2%!important;padding-bottom:2%!important}.paddingTB-5{padding-top:5%!important;padding-bottom:5%!important}.paddingT1{padding-top:1%!important}.paddingT2{padding-top:2%!important}.paddingT3{padding-top:3%!important}.paddingB1{padding-bottom:1%!important}.paddingB2{padding-bottom:2%!important}.paddingB3{padding-bottom:3%!important}.paddingB8{padding-bottom:8%!important}#Body-Content,.container.mainMenus{padding-right:0;padding-left:0;margin:0 auto}a,a:active,a:hover,a:link,a:visited{transition:.5s all ease;color:#3B5898;font-size:1em;font-weight:600;cursor:pointer}a:focus,a:hover{transition:.5s all ease;color:#333}span a span{color:#3B5898!important;transition:.5s all ease}span a span:focus,span a span:hover{transition:.5s all ease;color:#333!important}h3>a{font-weight:600!important} /* TEXT ===== */ .thin{font-weight:400!important}.thick{transition:.5s all ease;font-weight:700}.textC{text-align:center!important}.textR{text-align:right!important}h2.partners{font-weight:700!important;font-size:18px}.fancyHeading{text-transform:uppercase;text-align:center;display:inline-block;border-bottom:2px solid #5a82a5;padding-bottom:1%;margin-bottom:3%}.floatR{float:right}.floatL{float:left}@media all and (max-width:768px){.floatL,.floatR{float:none}.aboutPavliksLogo{display:none}} /* FOOTER ====== */ #footer-bottom,#footer-bottom a{color:#fff!important;font-weight:600;transition:.5s all ease}#footer-bottom a:focus,#footer-bottom a:hover{transition:.5s all ease;color:#ccc!important}.button.footer-button-modal{margin-bottom:5px!important} /* SLIDERS ======= */ @media all and (max-width:480px){.MainSlider{display:none}} /* Main Slider ----------- */ .MainSlider .bx-viewport{border-top:0!important}.blue{background:#123057}@media all and (min-width:1800px){#bottom-header .row{height:50px!important;padding:0;margin:0}.small-header #bottom-header .row{height:40px!important}} /* Partners Slider --------------- */ .partners{margin:20px auto!important}.partner_Slider li img{-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:gray;filter:grayscale(100%);transition:.5s all ease}.partner_Slider li{margin-bottom:10px}.partner_Slider li img:active,.partner_Slider li img:focus,.partner_Slider li img:hover{-webkit-filter:grayscale(0);filter:none;filter:grayscale(0);transition:.5s all ease}.partner_Slider li h2{font-size:25px;font-weight:500}.partner_Slider a{background:#ccc;padding:7px;vertical-align:middle!important;border-radius:5px;margin-top:-5px} /* Testimonial Slider ------------------ */ .testimony h3,.testimony p.author{font-style:italic}.testimony h3{font-weight:700;font-size:16px}.testimony .bx-next{right:-5px}.testimony .bx-prev{left:-5px}.testimony i{font-size:16px;padding:5px}.testimony .bx-controls-direction a{position:relative;color:#E6E6E6;border:1.5px solid #e6e6e6;border-radius:100%;padding:1.5px;z-index:1!important}.testimony .bx-controls-direction a:focus,.testimony .bx-controls-direction a:hover{border:1.5px solid #333}.testimony .bx-controls-direction a:hover i{color:#333} /* Header ------ */ .call-to-action a i{transition:.5s all ease}.call-to-action a:hover i{margin-left:15px} /* FORMS AND OTHER =============== */ .caseStudy-details ul {list-style-type: disc; padding-left:20px;} .sfFormSubmit.sfSubmitBtnMedium{text-align:right}.RadButton_Default.rbSkinnedButton{background:0 0}.RadComboBox .rcbActionButton{width:auto!important}.RadComboBox_Default .rcbFocused,.RadComboBox_Default .rcbHovered,.RadComboBox_Default .rcbInner,.RadComboBox_Default table{border:none!important;padding:0!important;width:100%!important}.rcbInputCell.rcbInputCellLeft{background:0 0!important}.rcbInput.radPreventDecorate,.sfTxt,.sfsearchSubmit,input[type=email],input[type=password],select,span>input[type=text],textarea{font-family:Raleway,sans-serif;height:34px!important;padding:6px 12px!important;font-size:14px!important;line-height:1.42857143!important;color:#555;background-color:#fff;width:100%!important;background-image:none;border:1px solid #ccc!important;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.crmCombobox,.crmTextField{padding-right:0!important}#Body-Content textarea{height:auto!important}.RadForm_Bootstrap.RadForm.rfdButton a.rfdSkinnedButton,.sfFormSubmit.sfSubmitBtnSmall>a.rfdSkinnedButton{border:0!important;padding:0!important}.RadForm_Bootstrap.RadForm a.rfdSkinnedButton *,.button,.rcbArrowCell.rcbArrowCellRight,.sfFormSubmit input,.sfSubmitBtnWrp a,.sfSubmitBtnWrp input[type=submit],.sfforumNewThreadLnk,.sfforumPostTitleSaveEdit,input.rbDecorated,input[class^=sff]{width:inherit!important;padding:6px 12px!important;margin:0!important;font-weight:600;line-height:1.42857143!important;text-align:center;vertical-align:middle;cursor:pointer;color:#fff!important;height:auto!important;transition:.5s all ease!important;font-size:14px!important}.sfLostPassword{display:inline-block!important}.sfforumPostReplyContainer{z-index:1}.RadForm_Bootstrap.RadForm a.rfdSkinnedButton *,.button,.rcbArrowCell.rcbArrowCellRight,.sfFormSubmit input,.sfSubmitBtnWrp a,.sfforumNewThreadLnk,input.rbDecorated,input[class^=sff]{background:#1C476D!important;display:inline-block!important;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid #1C476D!important;border-radius:4px}.sfSubmitBtnWrp input[type=submit],.sfforumPostTitleSaveEdit{background:#3B5898!important;white-space:nowrap;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid #3B5898!important;border-radius:4px}.RadForm_Bootstrap.RadForm a.rfdSkinnedButton :focus,.RadForm_Bootstrap.RadForm a.rfdSkinnedButton :hover,.button:focus,.button:hover,.sfFormSubmit input:focus,.sfFormSubmit input:hover,.sfSubmitBtnWrp a:focus,.sfSubmitBtnWrp a:hover,.sfSubmitBtnWrp input[type=submit]:focus,.sfSubmitBtnWrp input[type=submit]:hover,.sfforumNewThreadLnk:focus,.sfforumNewThreadLnk:hover,.sfforumPostTitleSaveEdit:focus,.sfforumPostTitleSaveEdit:hover,input.rbDecorated:focus,input.rbDecorated:hover,input[class^=sff]:focus,input[class^=sff]:hover{transition:.5s all ease!important;background-color:#fff!important;border-color:#3B5898!important;color:#3B5898!important}.RadComboBox table td.rcbInputCell{padding:0!important}.forums h1.sfforumPostTitle>input[type=submit].sfDisplayNone.sfforumPostTitleSaveEdit{display:none}.sfforumSocialShareWrp{height:25px}.sfFormBlock.sfTxtBlockMedium .sfTxt{height:auto!important}.RadComboBox_Default,.rcbLabel,label{font-size:14px!important;font-family:Raleway,sans-serif!important}.partnertable{border:none!important}.partnertable td,.partnertable th{width:50%;border:none!important}.partnertable th{font-size:16px}.partnertable tr{background-color:#f2f2f2}.partnertable tr:first-of-type,.partnertable tr:last-of-type{border-bottom:2px solid #ccc}.partnertable tr:nth-child(2n+1){background-color:#fff}.partnertable th,.partnertable tr td:first-of-type{font-weight:700}.sfSubmitBtnSmall input[type=submit]{padding:5px 15px!important;font-size:14px!important}.sfSubmitBtnLarge input[type=submit]{padding:6px 15px!important;font-size:16px!important}#Body-Content .sfsearchTxt.k-input{width:auto!important}#fancybox-overlay{z-index:9000!important}.mobile_login_container a{color:#ccc!important}.mobile_login_container a:hover{color:#333!important} /* 404 PAGE ======== */ .error-page h1{font-weight:900!important;font-size:55px}::-moz-selection{background-color:#00a7e1;color:#000}.caseStudy.homepage-icons .icon-text{margin-top:30px;display:inline-block;width:50%}.caseStudy.homepage-icons img{width:110px;height:110px}::selection{background-color:#00a7e1;color:#000} /* MEDIA QUERY OVERRIDE ==================== */ @media (min-width:992px) and (max-width:1002px),(min-width:768px) and (max-width:781px),(min-width:1200px) and (max-width:1210px){.container{width:auto}}@media all and (max-width:1366px) and (min-width:768px){#footer-top .sf_colsOut.sf_3cols_1_33,#footer-top .sf_colsOut.sf_3cols_2_34,#footer-top .sf_colsOut.sf_3cols_3_33{width:33%!important}}@media all and (max-width:1024px){.home-item{display:none!important}#footer-bottom .sf_cols .sf_colsOut{width:33%!important;padding:3% 0!important}}@media all and (max-width:768px){#footer-bottom .sf_cols .sf_5cols_2_20,#footer-bottom .sf_cols .sf_5cols_3_20,#footer-bottom .sf_cols .sf_5cols_4_20,.partners-container .bx-wrapper .bx-controls-direction a{display:none}#footer-bottom .sf_cols .sf_colsOut{width:45%!important}#copy-write .copyright,#copy-write .socialicon{width:100%}#copy-write .copyright p,#copy-write .socialicon p{text-align:center}.sfContentBlock h1{font-size:25px}}@media all and (max-width:600px){#footer-bottom .sf_cols .sf_colsOut.sf_5cols_1_20 .sfContentBlock{text-align:center}#footer-bottom .sf_cols .sf_colsOut{width:100%!important}}.call-to-action a,.call-to-action a em{transition:.5s all ease}.call-to-action a:focus,.call-to-action a:hover{transform:scale(1.05,1.05);text-shadow:1px 1px 1px silver;padding:1%}@-webkit-keyframes hvr-pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@-moz-keyframes hvr-pop{50%{-moz-transform:scale(1.2);transform:scale(1.2)}}@-o-keyframes hvr-pop{50%{-o-transform:scale(1.2);transform:scale(1.2)}}@keyframes hvr-pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}.call-to-action a{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.call-to-action a:active,.call-to-action a:focus,.call-to-action a:hover{-webkit-animation-name:hvr-pop;animation-name:hvr-pop;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1} /* jQUERY Classess =============== */ .displayBlock{transition:.5s all ease;display:block!important;position:absolute!important;left:0!important;right:0!important}.selectedArrow{background:url(/images/default-source/New-Design-Images/arrow.png?Status=Temp&sfvrsn=2) 50% 30% no-repeat}.selectedArrow>a{color:#f7d156!important;font-weight:600!important} /* Menu Interactions ================= */ .sfPageEditor.sfTemplateEditor #header-space{position:relative;} .sfPageEditor.sfTemplateEditor #Body-Content{margin:0!important} #header-space img,.small-header,.small-header #top-header,.small-header img{transition:.5s all ease}#header-space{position:fixed;top:0;left:0;right:0;z-index:99!important;transition:.5s all ease}.submenu-container.small-header{position:fixed;right:0;z-index:8!important;left:0!important}.small-header img{transform:scale(.8,.8)}.small-header #top-header{padding: 10px!important;}.small-header .RadMenu_BootStrapMenu .rmItem span{padding: 11px!important;font-size:12px;}.small-header .call-to-action a{padding:4px 5px!important;font-size:12px!important}.small-header .submenu-container ul li{padding:0 3px!important;height:20px}.submenu-container.small-header ul li a{font-size:12px!important}.submenu-container.small-header .pavlisks-sub-menu{background:rgba(20,20,20,.9);-webkit-box-shadow:0 0 3px -3px #000;-moz-box-shadow:0 0 3px -3px #000;box-shadow:0 0 3px -3px #000;filter:progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=5, Direction=0) , progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=5, Direction=90) , progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=5, Direction=180) , progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=5, Direction=270)} /* Sub Menu Interactions ===================== */ .pavlisks-sub-menu>li:hover a{transition:.5s all ease;color:#f7d156!important}.pavlisks-sub-menu>li:hover>ul>li a{transition:.5s all ease;color:#fff!important}.pavlisks-sub-menu>li>ul>li:hover>a{transition:.5s all ease;color:#333!important;font-weight:600!important} .news-letter-button-close,.news-letter-button-open{cursor:pointer;color:#fff}.ms-partner-row img{width:30%;display:block;margin:0 auto}.ms-partner-row h3{display:inline-block;font-weight:600}.fancyUL li{list-style:none;padding-bottom:5px}.fancyUL li i{margin-right:5px}.fancyBoxes>div{border-radius:5px;width:22%;display:inline-block;margin:1%;height:100px;text-align:center!important}.fancyBoxes>div>p{text-align:center;margin-top:25px;font-weight:700;padding:10px}.fancyBoxes>div>p>span{font-size:2em;margin-left:15px;color:#fff}.fancyBoxes div.fb1{background:#F64744}.fancyBoxes div.fb2{background:#FCC04F}.fancyBoxes div.fb3{background:#00C694}.fancyBoxes div.fb4{background:#01B3D1}@media all and (max-width:995px){.fancyBoxes div{display:block;margin:0 auto}.fancyBoxes div p span,.fancyBoxes div p span strong{display:block}.fancyBoxes div p span strong{transform:rotate(90deg)}}.entries.row{text-align:left!important}.entry{display:inline-block;vertical-align:top;margin:10px 0}.entry>div{padding:15px;-webkit-box-shadow:0 0 4px rgba(119,119,119,.75);-moz-box-shadow:0 0 4px rgba(119,119,119,.75);box-shadow:0 0 4px rgba(119,119,119,.75)}@media (max-width:767px){.entry,.entry>div{min-height:0}}.go-back-button span{font-size:1.3em!important;vertical-align:top;color:#333}.casestudyList div,.casestudyList div img{vertical-align:middle}.rmRootGroup.rmHorizontal .vimo-video{width:450px;height:250px}.news-letter-row{position:fixed;background:rgba(20,20,20,.75);left:0;right:0;bottom:-181px;z-index:99}.news-letter-row label{color:#fff}.news-letter-button-open{position:absolute;right:0;top:-40px;background:silver;margin-right:10px;padding:10px;border-top-left-radius:10px;border-top-right-radius:10px}.news-letter-button-open em{margin-left:10px}.news-letter-button-close em{font-size:2em;margin:5px 10px;transition:.5s all ease}.news-letter-button-close em:focus,.news-letter-button-close em:hover{transform:rotate(180deg);transition:.5s all ease}@media all and (max-width:768px){.news-letter-row{display:none!important}}.smartmarquee{position:relative;overflow:hidden}.smartmarquee .container{position:absolute}#footer .sfnewsListItem{padding-bottom:5px!important}#footer .sfnewsListItem h2{font-size:1em}#footer .sfnewsListItem a.sfnewsFullStory{border:1px solid #fff;border-radius:3px;margin-top:5px;padding:3px 5px;font-size:12px}.crm-2016-container-row h2{font-size:24px;font-weight:600;border-bottom:1px solid #5a82a5;display:inline-block}.fancyList{padding:5px}.fancyListItemContainer{margin-top:10px}.fancyListItemContainer>div.fancyListItemIcon{text-align:center;width:8%}.fancyListItemContainer>div.fancyListItemContent{float:right;width:92%}.footer-newsletter-signup{z-index:9999!important;background:rgba(0,0,0,.5);top:0;bottom:0;left:0;right:0}.show{display:block!important;transition:.5s all ease}.footer-newsletter-signup-form{width:40%;background:#fff;margin:10% auto 0;border-radius:5px;padding:1%;position:relative}.footer-newsletter-signup-form .sfFormSubmit.sfSubmitBtnMedium{width:100%}@media all and (max-width:768px){.footer-newsletter-signup-form{width:60%}}@media all and (max-width:480px){.footer-newsletter-signup-form{width:80%}}.footer-newsletter-signup-form .sfFormTitle.sfTitleMedium{margin:15px!important;text-align:center;font-weight:700}.footer-newsletter-signup-form .news-letter-button-close{color:#333!important;position:absolute;top:0;right:0}.casestudyList div{height:300px;border:1px solid #ccc;text-align:center}#bottom-header .row{padding:0;margin:0}#bottom-header,#footer-bottom{padding:0 auto}.collage-row{background:#ddd}.collage-row .collage-col .post-image.pic{padding:10px 10px 20px;text-align:center;background:#FFF;webkit-box-shadow:0 2px 2px rgba(34,25,25,.4);-moz-box-shadow:0 2px 2px rgba(34,25,25,.4);-ms-box-shadow:0 2px 2px rgba(34,25,25,.4);box-shadow:0 2px 2px rgba(34,25,25,.4);font-style:italic}.collage-row .collage-col .post-image.pic small{display:block;padding-top:10px;font-weight:700}.post-footer>a{padding:0}.sfnewsContent a{display:inline-block!important}.display-block{display:block} .mslogo{ width: 200px; text-align: center!important; margin: 0 auto!important; } #copy-write p{ color:#333!important;; } /* 50th Pavlisks Stuff =================== */ #top-header .col-md-8{ height:65px; } .pav-main50-logo{ position:absolute; width: 175px; top: -10px; } .small-header .pav-main50-logo{ width: 150px; } .pav-main-logo{ display: none; } @media all and (max-width:1024px){ .pav-main50-logo{ position:relative; margin-top:5px; width: 120px; } .small-header .pav-main50-logo{ margin-top:5px; width: 110px; } } #footer-bottom .pav-main50-logo{ width: 70%; } .window-loader img{ width:25%; } @media all and (max-width:786px){ .window-loader img{ width:30%; } } #anniversary-slider{ cursor: pointer!important; } /* New pavliks.com LOGO Old Pavliks.com LOGO pav-about-us-logo window loader old LOGO pav-about-us-logo .window-loader img{ width:25%; } @media all and (max-width:786px){ .window-loader img{ width:30%; } } TPC Footer New pavliks50-footer-logo Old pavliks-footer-logo */