Modal content is empty. This is sample content. You can change it anytime. Simply update your shortcode content to display here.  

• Read: modal windows will probably tell you something important so don't forget to read what they say.
• Look: a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.
• Close: click on the button below to close the modal

  body {
font-family: Arial, Helvetica, sans-serif;
background-color: black;
}

* {
box-sizing: border-box;
}

/* Add padding to containers */
.container {
padding: 16px;
background-color: white;
}

/* Full-width input fields */
input[type=text], input[type=password] {
width: 100%;
padding: 15px;
margin: 5px 0 22px 0;
display: inline-block;
border: none;
background: #f1f1f1;
}

input[type=text]:focus, input[type=password]:focus {
background-color: #ddd;
outline: none;
}

/* Overwrite default styles of hr */
hr {
border: 1px solid #f1f1f1;
margin-bottom: 25px;
}

/* Set a style for the submit button */
.registerbtn {
background-color: #4CAF50;
color: white;
padding: 16px 20px;
margin: 8px 0;
border: none;
cursor: pointer;
width: 100%;
opacity: 0.9;
}

.registerbtn:hover {
opacity: 1;
}

/* Add a blue text color to links */
a {
color: dodgerblue;
}

/* Set a grey background color and center the text of the "sign in" section */
.signin {
background-color: #f1f1f1;
text-align: center;
}
 

 

.fa { padding: 20px; font-size: 30px; width: 50px; text-align: center; text-decoration: none; margin: 5px 2px; } .fa:hover { opacity: 0.7; text-decoration: none; } .fa-facebook { background: #3B5998; color: white; } .fa-twitter { background: #55ACEE; color: white; } .fa-google { background: #dd4b39; color: white; } .fa-linkedin { background: #007bb5; color: white; } .fa-youtube { background: #bb0000; color: white; } .fa-instagram { background: #125688; color: white; } .fa-pinterest { background: #cb2027; color: white; } .fa-snapchat-ghost { background: #fffc00; color: white; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; } .fa-skype { background: #00aff0; color: white; } .fa-android { background: #a4c639; color: white; } .fa-dribbble { background: #ea4c89; color: white; } .fa-vimeo { background: #45bbff; color: white; } .fa-tumblr { background: #2c4762; color: white; } .fa-vine { background: #00b489; color: white; } .fa-foursquare { background: #45bbff; color: white; } .fa-stumbleupon { background: #eb4924; color: white; } .fa-flickr { background: #f40083; color: white; } .fa-yahoo { background: #430297; color: white; } .fa-soundcloud { background: #ff5500; color: white; } .fa-reddit { background: #ff5700; color: white; } .fa-rss { background: #ff6600; color: white; }

Style Social Media Buttons

jQuery(document).ready(function () { // isotope effect function // Method 1 - Initialize Isotope, then trigger layout after each Team loads. var $grid = jQuery('.all-team').isotope({ // options... itemSelector: '.single-team', }); // layout Isotope after each Team loads $grid.imagesLoaded().progress( function() { $grid.isotope('layout'); }); }); figure.snip1218_71 { position: relative; float: left; overflow: hidden; margin: 10px 1%; width: 100%; background: #34495e; color: #333; text-align: center; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); font-size: 16px; } figure.snip1218_71 * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } figure.snip1218_71 img { min-width: 100%; vertical-align: top; } figure.snip1218_71 .image_71 { position: relative; border-bottom: 4px solid #34495e; z-index: 1; } figure.snip1218_71 .image_71:before { width: 0; height: 0; border-style: solid; border-width: 20px 20px 0 20px; border-color: #34495e transparent transparent transparent; content: ''; position: absolute; top: 100%; left: 50%; -webkit-transform: translate(-50%, -15px); transform: translate(-50%, -15px); z-index: -1; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } figure.snip1218_71 .image_71 p { margin: 0; padding: 0 30px; line-height: 1.6em; position: absolute; top: 50%; width: 100%; color: #ffffff; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; } figure.snip1218_71 figcaption { background-color: #ffffff; padding: 25px; } figure.snip1218_71 h3 { margin: 0 0 5px; font-weight: 400; font-size:24px; color: #031117; } figure.snip1218_71 h3 span { } figure.snip1218_71 h5 { margin: 0 0 15px; font-weight: 400; color: #031117; } figure.snip1218_71 i { margin-right: 5px; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; color: #000000; width: 35px; height: 35px; background: white; box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); background-color: rgba(0, 0, 0, 0.05); transition: all 0.3s ease; vertical-align: middle; } figure.snip1218_71 i a { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: inherit; text-decoration: none; } figure.snip1218_71 i svg { width: 1.1em; height: 1.1em; } figure.snip1218_71 i:hover { background-color: #34495e; color: white !important; } figure.snip1218_71:hover .image_71:before, figure.snip1218_71.hover .image_71:before { border-color: #34495e transparent transparent transparent; -webkit-transform: translate(-50%, 0px); transform: translate(-50%, 0px); } figure.snip1218_71:hover .image_71 p, figure.snip1218_71.hover .image_71 p { opacity: 1; } figure.snip1218_71:hover img, figure.snip1218_71.hover img { opacity: 0.2; -webkit-filter: grayscale(100%); filter: grayscale(100%); } /* Modern Inline SVG Alignment & Sizing Fixes */ .all-team svg { display: inline-block; width: 1em; height: 1em; vertical-align: middle; fill: currentColor; } .all-team i, .all-team li { display: inline-flex !important; align-items: center; justify-content: center; vertical-align: middle; } .all-team i a, .all-team li a { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; color: inherit; width: 100%; height: 100%; }

Button Styles

  Basic Default Primary Success Info Warning Danger Link

.tml-testimonial{ margin: 10px 15px; padding: 0 0 20px 20px; position: relative; text-align: left; } .pic{ position: absolute; bottom: 0; left: 0; background: #0c0c0c; width: 80px; height: 80px; padding: 10px; z-index: 2; border: 5px solid #000000; } .pic img{ margin: 0 auto; text-align: center; } .testimonial-review{ border: 5px solid #000000; font-size: 17.5px; margin: 0 0 20px; padding: 10px 20px; } .testimonial-review p{ font-style: italic; font-weight: normal; line-height: 24px; padding: 9px 0 0 49px; position: relative; } .testimonial-review p:before{ content: "\f10d"; font-family: 'FontAwesome'; position: absolute; left:0; top:10px; font-size: 30px; } .testimonial-title{ padding: 0 0 0 48px; } .testimonial .tml-designation{ line-height: 24px; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: #000000 !important; color: #fff !important; width: 30px; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: block; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #000000 !important; } .tml-name { color: #ffffff !important; font-size: 20px !important; } .tml-desc { color: #ffffff !important; font-size: 20px !important; } .tml-desig { color: #ffffff !important; font-size: 20px !important; } /* Star Rating Styles */ .testimonial-rating { margin: 10px 0; text-align: center; } .testimonial-rating i { color: #FFD700; font-size: 16px; margin: 0 2px; } .testimonial-rating i.fa-star-o { color: #ddd; } /* Image Shape Styles */ .tml-image-circle { border-radius: 50% !important; } .tml-image-square { border-radius: 0 !important; } .tml-image-rounded { border-radius: 10px !important; } jQuery( window ).load(function() { jQuery(document).ready(function(){ var owl = jQuery('.tml-owl-carousel'); jQuery('#tml-testimonial-slider').owlCarousel({ animateOut: 'bounce', animateIn: 'flash', items: 1, loop: true, margin:10, autoplay:true, autoplayTimeout: 3000, autoplayHoverPause:true, autoplaySpeed : 3000, nav : true, dots : false, autoHeight :true, rtl :false, }); // Video testimonial play button handler jQuery('.testimonial-play-button').on('click', function(e) { e.preventDefault(); var wrapper = jQuery(this).closest('.testimonial-video-wrapper'); var videoUrl = wrapper.data('video-url'); var videoId = wrapper.data('video-id'); var videoType = wrapper.data('video-type'); var playback = wrapper.data('playback'); if (!videoUrl) return; if (playback === 'inline' && videoId && videoType) { // Inline playback - replace thumbnail and button with iframe var iframe = ''; if (videoType === 'youtube') { iframe = ''; } else if (videoType === 'vimeo') { iframe = ''; } if (iframe) { // Remove thumbnail and play button, add iframe wrapper.find('.testimonial-video-thumbnail, .testimonial-play-button').fadeOut(300, function() { jQuery(this).remove(); }); setTimeout(function() { wrapper.append(iframe); }, 300); } else { // Fallback to external window.open(videoUrl, '_blank'); } } else { // External playback - open in new tab window.open(videoUrl, '_blank'); } }); }); });

 

Firstname	Lastname	Email
Default	Defaultson	def@somemail.com
Success	Doe	john@example.com
Danger	Moe	mary@example.com
Info	Dooley	july@example.com
Warning	Refs	bo@example.com
Active	Activeson	act@example.com

.cwf-logo-image { width: nolpx !important; height: gopx !important; margin-top: 15px; } .cwf-title { color: black !important; font-size: 30px !important; } .cwf-desc { color: black !important; } .cfw-form { background-color: #FFFFFF!important; padding: 10px; border-radius:5px; } .cfw-form label{ color: black; } /* place holder css */ .cfw-form ::-webkit-input-placeholder { color: black!important; } .cfw-form :-moz-placeholder { /* Firefox 18- */ color: black!important; } .cfw-form ::-moz-placeholder { /* Firefox 19+ */ color: black !important; } .cfw-form :-ms-input-placeholder { color: black!important; } .form-group { padding-top:15px; padding-bottom:15px; } .cfw-error { display: none; padding: 7px !important; }

Contact Form

Please fill below form if you have any query with us.