/* ---------------------------------------------------- CONTENT BOX(Feature Widgtes 1) -------------------------------------------------------- */ /* Float Left Icon */ .content-box.content-box-left-icon span, .content-box.content-box-left-icon i { float: left; margin: 0 10px 0 0; font-size: 40px; } .content-box.content-box-left-icon h4, .content-box.content-box-left-icon h5 { float: left; margin: 0px; padding: 0px; line-height: 1.8; } .content-box.content-box-left-icon p { margin-top: 10px; float: left; } .content-box-left-icon.content-box-icon span, .content-box-left-icon.content-box-icon i, /* icon with rounded background */ .content-box-left-icon.content-box-icon-o span, .content-box-left-icon.content-box-icon-o i, /* icon with rounded transparent background */ .content-box-left-icon.content-box-icon-circle span, .content-box-left-icon.content-box-icon-circle i, /* icon with circle background */ .content-box-left-icon.content-box-icon-o-circle span, .content-box-left-icon.content-box-icon-o-circle i /* icon with circle transparent background */ { margin-bottom: 50px; position: absolute; top: 5px; } .content-box-left-icon.content-box-icon h5, .content-box-left-icon.content-box-icon-o h5, .content-box-left-icon.content-box-icon-circle h5, .content-box-left-icon.content-box-icon-o-circle h5, .content-box-left-icon.content-box-icon h4, .content-box-left-icon.content-box-icon-o h4, .content-box-left-icon.content-box-icon-circle h4, .content-box-left-icon.content-box-icon-o-circle h4 { margin: 0 0 0 90px; float: left; } .content-box-left-icon.content-box-icon p, .content-box-left-icon.content-box-icon-o p, .content-box-left-icon.content-box-icon-circle p, .content-box-left-icon.content-box-icon-o-circle p { float: left; margin: 10px 0 0 90px; } /* Float Right Icon */ .content-box.content-box-right-icon { text-align: right; } .content-box.content-box-right-icon span, .content-box.content-box-right-icon i { float: right; margin: 0 15px 0 0; font-size: 40px; } .content-box.content-box-right-icon h4, .content-box.content-box-right-icon h5 { margin-right: 80px; } .content-box.content-box-right-icon p { margin-top: 10px; margin-right: 20px; float: right; } .content-box-right-icon.content-box-icon span, .content-box-right-icon.content-box-icon i, /* icon with rounded background */ .content-box-right-icon.content-box-icon-o span, .content-box-right-icon.content-box-icon-o i, /* icon with rounded transparent background */ .content-box-right-icon.content-box-icon-circle span, .content-box-right-icon.content-box-icon-circle i, /* icon with circle background */ .content-box-right-icon.content-box-icon-o-circle span, .content-box-right-icon.content-box-icon-o-circle i /* icon with circle transparent background */ { margin-bottom: 50px; position: absolute; top: 5px; right: 0; } .content-box-right-icon.content-box-icon h4, .content-box-right-icon.content-box-icon-o h4, .content-box-right-icon.content-box-icon-circle h4, .content-box-right-icon.content-box-icon-o-circle h4, .content-box-right-icon.content-box-icon h5, .content-box-right-icon.content-box-icon-o h5, .content-box-right-icon.content-box-icon-circle h5, .content-box-right-icon.content-box-icon-o-circle h5 { margin: 0 100px 0 0; float: right; } .content-box-right-icon.content-box-icon p, .content-box-right-icon.content-box-icon-o p, .content-box-right-icon.content-box-icon-circle p, .content-box-right-icon.content-box-icon-o-circle p { margin: 10px 100px 0 0; } /* ---------------------------------------------------- service widgtes 1 -------------------------------------------------------- */ .section__features{} .feature { padding-bottom: 1.125em; text-align: center; } .feature .feature__icon { height: 150px; width: 100%; display: inline; } .feature .feature__icon .iconcontent { border-color: #98d4f5; border-radius: 50%; border-style: solid; border-width: 10px; height: 145px; width: 145px; display: table-cell; vertical-align: middle; overflow: hidden; } .feature .feature__icon .iconcontent img { margin: 0; } .feature .feature__title { font-size: x-large; font-weight: 400; margin: 0.625em 0 0.5em; } .text--white .feature .feature__title { color: #fff; } .feature .feature__content p { font-size: 16px; color: #393333; } .text--white .feature .feature__content { color: #393333; } .feature .feature__button .bttn { margin: 0; padding: 0.75em 5%; width: 90%; } .section__features { padding-left: 8%; padding-right: 8%; } @media only screen and (min-width:47em) { .feature .feature__button .bttn { padding: 0.75em 8%; width: 84%; } } /* ---------------------------------------------------- Team widgtes 1 -------------------------------------------------------- */ #team .media-object{ background: transparent; } #team .media-object-section img { border-radius: 6px; pointer-events: none; } #team .media-object-section .thumbnail { position: relative; z-index: 1;} .colored-shadow { transform: scale(.94); top: 12px; filter: blur(12px); position: absolute; width: 100%; height: 100%; background-size: cover; z-index: -1; transition: opacity .45s; opacity: 0; } /*=============================================>>>>> = Social 1 = ===============================================>>>>>*/ .style1-btn{ font-size: 32px; padding: 4px; line-height: 1em; height: 41px; min-width: 41px; width: 41px; overflow: hidden; position: relative; text-shadow: 0px 7px 10px rgba(0, 0, 0, 0.2); transition: all ease-in-out 150ms; } .style1-btn:hover{ margin-top: -10px; text-shadow: 0px 16px 10px rgba(0, 0, 0, 0.3); transform: translate(0, -8); } .style1-btn.adn{color:#504e54;} .style1-btn.apple{color:#aeb5c5;} .style1-btn.android{color:#A5C63B;} .style1-btn.bitbucket,.style1-btn.bitbucket-square{color:#003366;} .style1-btn.bitcoin,.style1-btn.btc{color:#F7931A;} .style1-btn.css3{color:#1572B7;} .style1-btn.dribbble{color:#F46899;} .style1-btn.dropbox{color:#018BD3;} .style1-btn.facebook,.style1-btn.facebook-square{color:#3C599F;} .style1-btn.flickr{color:#FF0084;} .style1-btn.foursquare{color:#0086BE;} .style1-btn.github,.style1-btn.github-alt,.style1-btn.github-square{color:#070709;} .style1-btn.google-plus,.style1-btn.google-plus-square{color:#CF3D2E;} .style1-btn.html5{color:#E54D26;} .style1-btn.instagram{color:#A1755C;} .style1-btn.linkedin,.style1-btn.linkedin-square{color:#0085AE;} .style1-btn.linux{color:#FBC002;color:#333;} .style1-btn.maxcdn{color:#F6AE1C;} .style1-btn.pagelines{color:#241E20;color:#3984EA;} .style1-btn.pinterest,.style1-btn.pinterest-square{color:#CC2127;} .style1-btn.renren{color:#025DAC;} .style1-btn.skype{color:#01AEF2;} .style1-btn.stack-exchange{color:#245590;} .style1-btn.stack-overflow{color:#FF7300;} .style1-btn.trello{color:#265A7F;} .style1-btn.tumblr,.style1-btn.tumblr-square{color:#314E6C;} .style1-btn.twitter,.style1-btn.twitter-square{color:#32CCFE;} .style1-btn.vimeo-square{color:#229ACC;} .style1-btn.vk{color:#375474;} .style1-btn.weibo{color:#D72B2B;} .style1-btn.windows{color:#12B6F3;} .style1-btn.xing,.style1-btn.xing-square{color:#00555C;} .style1-btn.youtube,.style1-btn.youtube-play,.style1-btn.youtube-square{color:#C52F30;} /*= Social 1 end =*/ /*=============================================<<<<<*/ /* ---------------------------------------------------- slider nav -------------------------------------------------------- */ .bestblog-slider-nav { position: absolute; z-index: 2; padding: 0; width: 38px; height: 38px; -webkit-border-radius: 4px; border-radius: 4px; background-color: rgba(28, 28, 28, .5); color: #fff; text-align: center; font-size: 24px; line-height: 38px; opacity: .3; cursor: pointer; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .bestblog-slider-nav:hover { opacity: .8; background-color: rgba(28, 28, 28, .9); } .bestblog-slider-next { top: 50%; right: 20px; left: auto; margin-top: -19px; } .bestblog-slider-prev { top: 50%; left: 20px; margin-top: -19px; } .object-fit-images { object-fit: cover; object-position: center; font-family: 'object-fit: cover; object-position: center;'; height: inherit !important; width: 100%; } .thumbnail-resize { position: relative; display: block; width: 100%; height: 100%; text-align: center; line-height: 0; } /* ---------------------------------------------------- post carousel widgets -------------------------------------------------------- */ .post-wrap-carousel { display: block; position: relative; } .post-wrap-carousel .button.hollow.secondary { margin: 0px; color: #fff; border-color: #fff; } .carousel-layout4.slick-initialized { opacity: 1; transition: opacity .3s ease-out; display: block; } .carousel-layout4 { opacity: 0; display: none; } .slick-dots { position: absolute; right: 10px; bottom: 10px; z-index: 2; display: block; line-height: 1; width: auto; } .slick-dotted.slick-slider { margin-bottom: 0px; } .lates-post-carousel .slick-dots li { position: relative; display: inline-block; padding: 0 3px; vertical-align: middle; line-height: 10px; opacity: .8; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s width: auto; height: auto; margin: 2px; background: transparent !important; border-color: transparent !important; } .lates-post-carousel .slick-dots li button { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0; opacity: 0; cursor: pointer } .slick-dots li:before { position: relative; display: block; width: 8px; height: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; content: ''; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s } .slick-dots li.slick-active:before { -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4) } .slick-dots li:hover, .slick-dots li.slick-active { opacity: 1 } .carousel-layout4 .post-thumbouter { margin-bottom: 0; position: relative; display: block; height: 300px; } .card.video .mejs-container,.card.video .mejs-container iframe{ height: 300px !important; } .card.video .mejs-container.mejs-container-fullscreen,.card.video .mejs-container.mejs-container-fullscreen iframe{ height: 100% !important; } .card-divider-none{ display: none; } .card.video .card-divider{ padding-top: 8px; padding-bottom: 8px; background: transparent; position: absolute; top: 10px; text-align: center; } .mejs-container-keyboard-inactive .card-divider{ display: none; } .card.video .card-divider h3 a{ color: #ffffff; } .carousel-layout4 .post-thumb-carousel { z-index: 1; display: block; width: 100%; height: 100%; } .card-content-absolute { position: absolute; top: 30%; bottom: 0; text-align: center; z-index: 1; padding: 10px; width: 100%; } .card-content-absolute .post-title a { color: #FFFFFF; } .carousel-layout4 .post-thumb-overlay { position: absolute; top: 10%; right: 0; bottom: 0; left: 0; z-index: 1; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .2) 30%, rgba(0, 0, 0, .75) 100%); pointer-events: none; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .card-content-absolute .category.text-info { font-size: 16px; font-weight: 600; }