@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&display=swap');
@font-face {
    font-family: 'Bebas Neue';
    src: url('https://email.uplers.com/infographics/email-marketing-strategy/fonts/BebasNeueBold.eot');
    src: url('https://email.uplers.com/infographics/email-marketing-strategy/fonts/BebasNeueBold.eot?#iefix') format('embedded-opentype'),
        url('https://email.uplers.com/infographics/email-marketing-strategy/fonts/BebasNeueBold.woff2') format('woff2'),
        url('https://email.uplers.com/infographics/email-marketing-strategy/fonts/BebasNeueBold.woff') format('woff'),
        url('https://email.uplers.com/infographics/email-marketing-strategy/fonts/BebasNeueBold.ttf') format('truetype'),
        url('https://email.uplers.com/infographics/email-marketing-strategy/fonts/BebasNeueBold.svg#BebasNeueBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

:focus, a { outline: 0 }
caption, h1, h2, h3, h4, h5, td, th { font-weight: 400 }
.cf:after, .cf:before, .pop-up-block .title em:before, blockquote:after, blockquote:before, q:after, q:before { content: "" }
#mid-get-done, .cb2-2, .cf:after, .clear, .client-slider, .get-done, .rightquoteblock { clear: both }
* { padding: 0; margin: 0; list-style: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box }
a, abbr, acronym, address, applet, article, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, html, iframe, img, input, ins, kbd, label, legend, li, nav, object, ol, option, p, pre, q, s, samp, section, select, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100% }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block }
audio, canvas, video { display: inline-block }
audio:not([controls]) { display: none; height: 0 }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -.5em }
sub { bottom: -.25em }
nav ol, nav ul, ol, ul { list-style: none }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline }
.main, .wrapper { margin: 0 auto }
td, textarea { vertical-align: top }
textarea { overflow: auto; resize: none; padding: 10px }
button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: none; cursor: pointer }
input[type=text] { box-shadow: none!important; -webkit-box-shadow: none!important }
caption, td, th { text-align: left }
a { text-decoration: none; cursor: pointer; transition: .5s ease-in; -webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; -ms-transition: .5s ease-in; -o-transition: .5s ease-in }
blockquote, q { quotes: "" "" }
table { border: 0; border-collapse: collapse; border-spacing: 0 }
img { border: 0; max-width: 100%; vertical-align: middle }
.none { display: none }
*{box-sizing: border-box;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
.cf:after, .cf:before { display: table }
p { font-size: 15px; line-height: 20px; color: #000 }
h1 { font-size: 32px }
h2 { font-size: 26px }
h3 { font-size: 20px }
h4 { font-size: 16px }
h5 { font-size: 12px }
body { font-family: Lato, sans-serif; font-size: 14px; -webkit-font-smoothing: antialiased; background-color: #f3f3f3;  counter-reset: section; }
.pop-up-block .know-more span, .pop-up-block .title { font-family: Lato, sans-serif }
.main { width: 1190px; }
.container { width: 100%; float: left }

p a{ color: blue;}
p a:hover{ color: #000;}
.wrapper{font-family: Lato, sans-serif !important;}
.wrapper h4,.wrapper h2,.wrapper h3,.wrapper h5,.wrapper h6{text-transform:inherit !important;}
.top-header { width: 100%; float: left; padding: 10px 0; background: #1f1f1f; height: 40px; position: relative; z-index: 9999 }
.top-monks-left { width: auto }
.top-monks-left ul, .top-monks-left ul li { width: auto; float: left }
.top-monks-left ul li { font-size: 16px; color: #636363; line-height: 20px; font-family: pacificoregular, arial, sans-serif; position: relative; margin: 0 8px }
.top-monks-left ul li:after { content: "|"; font-size: 14px; color: #f2c105; font-family: patua_oneregular, arial, sans-serif; line-height: 14px; position: absolute; left: -10px; margin-top: -2px }
.top-monks-left ul li a { color: #636363; display: block; transition: .5s ease-in; -webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; -o-transition: .5s ease-in;  font-size: 14px; }
.top-monks-left ul li a:hover { color: #fff }
.top-monks-left ul li:first-child { margin-left: 0; /*width: 100px*/ }
.top-monks-left ul li:first-child:after { content: "" }
.top-monks-left ul li:last-child { width: 104px; margin-right: 0 }
.top-monks-right { float: right; width: auto; font-size: 16px; text-transform: uppercase; color: #636363; line-height: 20px }
.top-monks-right .p-no { float: left; background: url(https://d1sdrv0xq6nn0e.cloudfront.net/images/phone-line.jpg) right 4px no-repeat }
.top-monks-right .p-no a { display: block; margin-top: 4px; float: left; color: #fff; width: 0; max-width: 115px; width: 115px; }
/*.top-monks-right .p-no:hover a { color: #e6b705; width: 115px; max-width: 115px; margin-right: 10px }*/
.msie7 .top-monks-right .p-no:hover a { min-width: 115px }
.top-monks-right .p-no .phone-icon { float: left; margin: 2px 10px 0 0; cursor: pointer }
/*.top-monks-right .p-no:hover .phone-icon { background: url(https://d1sdrv0xq6nn0e.cloudfront.net/images/top-phone-icon-clicked.png) 0 3px no-repeat }*/
.top-monks-right .top-mail { float: left }
.top-monks-right .top-mail a { display: block; transition: .5s ease-in; -webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; -o-transition: .5s ease-in; background-position: left bottom; width: 17px; height: 12px; margin-top: 5px; margin-left: 10px }
.top-monks-right a { color: #636363 }
.top-monks-right a strong { font-family: pt_sansbold, arial, sans-serif; font-weight: 400 }
.monk_yellow { color: #efbe05; transition: .5s ease-in; -webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; -o-transition: .5s ease-in }
.bottom-header { width: 100%; float: left; /*padding: 26px 0;*/ background: #000; position: relative; z-index: 9999 }
.bottom-header-fixed { position: fixed; top: 0; z-index: 999 }
.blank-div { height: 84px; float: left; width: 100%; display: none }
.main-nav { width: auto; float: right }
.main-nav ul, .main-nav ul li { width: auto; float: left }
.main-nav ul { margin: 3px 0 0 }
.main-nav ul li { font-size: 16px; color: #fff; line-height: 20px; font-family: patua_oneregular, arial, sans-serif; margin: 0 18px }
.main-nav ul li a { color: #fff; transition: .5s ease-in; -webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; -o-transition: .5s ease-in; padding: 26px 0; display: block }
.main-nav ul li.service-menu:hover .service-sub-menu{ display: block}
#active, .main-nav ul li a.order, .main-nav ul li a:hover { color: #e6b705 }
.main-nav ul li a.order #active, .main-nav ul li a.order:hover { color: #fff }
.main-nav ul li:last-child { margin-right: 18px; position: relative }
.main-nav ul li:last-child i { background: url(https://d1sdrv0xq6nn0e.cloudfront.net/images/icon.png) no-repeat; width: 12px; height: 12px; margin-right: 0; position: absolute; right: -20px; top: 32px }
#mid-container, #mid-get-done, .banner { width: 100%; float: left }
#mid-container { background: #e6b705 }
#mid-get-done, #mid-get-done .get-done, .home-page-bar .get-done { background: #fff }
.home-page-bar .get-done { margin: 0 auto }


.footer-wrapper { width: 100%; float: left; padding: 70px 0 30px }
.footer-newsletter { width: 350px; float: left; padding-right: 90px }
.footer-logo { width: 100%; float: left; border-bottom: 2px solid #1b1a1a; padding-bottom: 25px }
.subscribe-form { width: 100%; float: left; margin-top: 25px }
.subscribe-form p { color: #959595; margin-bottom: 10px; font-family: 'Patua One', cursive;}
.footer-logo img { width: auto }
.form-group { width: 100%; float: left; margin-bottom: 10px }
.form-group input, .form-group textarea { width: 100%; background: #2d2d2d; border-radius: 3px; font-size: 12px; color: #989898; height: 36px; padding: 0 10px; border: 1px solid #2d2d2d; transition: .5s ease-in; -webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; -ms-transition: .5s ease-in; -o-transition: .5s ease-in; -webkit-appearance: none }
.footer-nav h3, .form-submit button { font-size: 18px; font-family: 'Patua One', sans-serif; }
.form-group textarea { padding-top: 10px; height: 76px; border: 1px solid #2d2d2d; resize: none }
.form-group input:active, .form-group input:focus, .form-group textarea:active, .form-group textarea:focus { border: 1px solid #e6b705 }
.form-submit { width: auto; float: right; margin-top: 6px }
.form-submit button { width: 100%; background: #e6b705; border-radius: 3px; line-height: 34px; color: #000; text-align: center; position: relative; border: 1px solid #e6b705; padding-left: 25px; padding-right: 36px; transition: .5s ease-in; -webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; -ms-transition: .5s ease-in; -o-transition: .5s ease-in }
.form-submit i { background: url(https://d1sdrv0xq6nn0e.cloudfront.net/images/icon.png) -21px -1px no-repeat; width: 15px; height: 14px; position: absolute; right: 10px; top: 11px }
.form-submit button:active, .form-submit button:focus, .form-submit button:hover { background: #d14e11; border-color: #d14e11 }
.form-contact-submit button:active, .form-contact-submit button:focus { background: #000; border-color: #000 }
.footer-nav { width: 200px; float: left }
.footer-nav h3 { color: #959595; font-weight: 400; margin-bottom: 9px; font-family: 'Patua One', sans-serif; }
.footer-nav ul, .footer-nav ul li { width: 100%; float: left }
.footer-nav ul { margin-top: -3px }
.footer-nav ul li { font-size: 14px; color: #959595; line-height: 20px }
.footer-nav ul li a { color: #959595; transition: .5s ease-in; -webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; -ms-transition: .5s ease-in; -o-transition: .5s ease-in }
.footer-nav ul li a:hover { color: #fff }
.footer-contact { width: 340px; float: left; padding-right: 40px }
.footer-contact-details { width: 210px; float: right }
.com-monks-footer { display: none; padding: 45px 0; background: #1f1f1f; float: left; width: 100% }
.com-monks-footer .top-monks-left { width: 250px; margin: 0 auto }
.com-monks-footer .top-monks-left ul li { font-size: 20px; line-height: 24px }
.com-monks-footer .top-monks-left ul li:first-child { width: 103px }
.com-monks-footer .top-monks-left ul li:last-child { width: 130px }
.top-monks-left ul li:after { top: 7px }
.contact-us { width: 100%; float: left; position: relative }
.contact-us a { display: block }
.contact-us i { width: 30px; height: 30px; background: url(https://d1sdrv0xq6nn0e.cloudfront.net/images/icon.png) 2px -24px no-repeat; float: left }
.contact-us span { font-size: 14px; color: #fff; line-height: 30px; float: left; margin-left: 4px; transition: .5s ease-in; -webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; -ms-transition: .5s ease-in; -o-transition: .5s ease-in }
.contact-mail span, .contact-site span { color: #ffc20e }
.contact-us.contact-mail a:hover span, .contact-us.contact-site a:hover span { color: #f58220 }
.contact-us a:hover span { color: #ffc20e }
.contact-mail i { background-position: 2px -118px }
.contact-site i { background-position: 2px -150px }
.contact-us i.hover-icon { position: absolute; left: 0; background-position: -36px -24px; opacity: 0; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s }
.contact-us a:hover i.hover-icon { opacity: 1 }
.contact-mail i.hover-icon, .contact-site i.hover-icon { position: absolute; opacity: 0; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -o-transition: opacity .5s; left: 0 }
.contact-mail i.hover-icon { background-position: -36px -118px; transition: opacity .5s }
.contact-site i.hover-icon { background-position: -36px -150px; transition: opacity .5s }
#facebook a, #twitter a { opacity: 0; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -o-transition: opacity .5s }
.contact-social { width: 100%; float: left; border-top: 2px solid #1b1a1a; margin-top: 15px; padding-top: 20px }
.contact-social i { width: 30px; height: 30px; background: url(https://d1sdrv0xq6nn0e.cloudfront.net/images/icon.png) no-repeat; float: left; margin: 0 6px }
.copyright-wrap, .copyright-wrap nav, .copyright-wrap nav ul, .footer-copyright { width: 100%; float: left }
#facebook { background-position: -6px -184px }
#facebook a { background: url(https://d1sdrv0xq6nn0e.cloudfront.net/images/icon.png) -6px -224px no-repeat; transition: opacity .5s }
#facebook:hover a, #google_plus:hover a, #linkedin:hover a, #pinterest:hover a, #twitter:hover a { opacity: 1 }
#twitter { background-position: -47px -184px }
#twitter a { background: url(https://d1sdrv0xq6nn0e.cloudfront.net/images/icon.png) -47px -224px no-repeat; transition: opacity .5s }
#google_plus a, #linkedin a { -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -o-transition: opacity .5s; opacity: 0 }
#linkedin { background-position: -88px -184px }
#linkedin a { background: url(https://d1sdrv0xq6nn0e.cloudfront.net/images/icon.png) -88px -224px no-repeat }
#google_plus { background-position: -130px -184px }
#google_plus a { background: url(https://d1sdrv0xq6nn0e.cloudfront.net/images/icon.png) -130px -224px no-repeat; transition: opacity .5s }
#pinterest { background-position: -171px -184px }
#pinterest a { background: url(https://d1sdrv0xq6nn0e.cloudfront.net/images/icon.png) -171px -224px no-repeat; opacity: 0; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s }
.copyright-wrap { border-top: 2px solid #1b1a1a; padding: 24px 0 }
.copyright-wrap nav ul li { width: auto; float: left; font-size: 12px; color: #959595; line-height: 20px; position: relative; padding: 0 5px }
.copyright-wrap nav ul li:after { content: "|"; position: absolute; right: -2px; top: 0; transition: .5s ease-in; -webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; -ms-transition: .5s ease-in; -o-transition: .5s ease-in }
.copyright-wrap nav ul li:last-child:after { content: "" }
.copyright-wrap nav ul li a { color: #959595; transition: .5s ease-in; -webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; -ms-transition: .5s ease-in; -o-transition: .5s ease-in }
.copyright-wrap nav ul li:hover a, .copyright-wrap nav ul li:hover:after { color: #e6b705 }
.copyright-wrap p { font-size: 12px; color: #959595; line-height: 20px; float: left }
.copyright-wrap p .copyright_link { color: #959595; transition: .5s ease-in; -webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; -ms-transition: .5s ease-in; -o-transition: .5s ease-in }
.copyright-wrap p a { color: #e6b705; transition: .5s ease-in; -webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; -ms-transition: .5s ease-in; -o-transition: .5s ease-in }
.copyright-wrap p a:hover { color: #fff }
.copyright-wrap p .copyright_link:hover { color: #e6b705 }
.preloader { display: none }
#mc_embed_signup .errormsg, .footer-wrapper .successmsg, .row-text .errormsg { color: red }
#mc_embed_signup .successmsg, .footer-wrapper .successmsg, .row-text .successmsg { color: #fff; padding-top: 10px }
.contact-us a span { position: relative }
.monk-text { opacity: 1; font-style: normal; transition: 1s opacity; -webkit-transition: 1s opacity; -moz-transition: 1s opacity }
.monk-no { opacity: 0; position: absolute; top: 0; right: 6px; color: #ffc20e; font-style: normal; transition: 1s opacity; -webkit-transition: 1s opacity; -moz-transition: 1s opacity }
.news-call a, .top-monks-right .p-no a { position: relative }
.contact-us a:hover span .monk-no, .news-call a:hover .monk-no, .top-monks-right .p-no a:hover .monk-no { opacity: 1 }
.contact-us a:hover span .monk-text, .news-call a:hover .monk-text, .top-monks-right .p-no a:hover .monk-text { opacity: 0 }
.news-call a { transition: .5s ease-in; -webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; -ms-transition: .5s ease-in; -o-transition: .5s ease-in }
.top-monks-right .p-no a .monk-no { right: 18px; transition: 0s opacity; -webkit-transition: 0s opacity; -moz-transition: 0s opacity }
.top-monks-right .p-no a .monk-text { transition: 0s opacity; -webkit-transition: 0s opacity; -moz-transition: 0s opacity }
.form-contact { width: 370px; float: left; margin-bottom: 10px }
.form-contact input, .form-contact select, .form-contact textarea { width: 100%; border-radius: 3px; border: 2px solid #e2e2e2; line-height: 18px; padding: 12px 10px 8px; font-size: 12px; color: #2d2d2d; background: 0 0; transition: .5s ease-in; -webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; -ms-transition: .5s ease-in; -o-transition: .5s ease-in; height: auto }
.form-contact input:active, .form-contact input:focus, .form-contact textarea:active, .form-contact textarea:focus { border: 2px solid #e6b705 }
.msie8 .twitter-feed-icon { top: -25px; height: 56px }
.msie7 .project-done ul li { line-height: 40px; width: 24.95% }
.msie7 .dotted-line { left: 0 }
.msie7 .bx-wrapper .bx-controls-direction a { margin-top: 0; top: 15px }
.msie7 .client-testimonial-wrap ul li div { padding-left: 0 }
.msie7 .browse-template, .msie7 .client-testimonial { padding: 0 }
.msie7 .what-we-left { width: 49.8% }
.msie7 .service-order { padding: 30px 0 }
.msie7 .service-order a { position: relative; width: 65% }
.msie7 .service-button i { top: 17px; position: absolute }
.msie7 .service-button, .msie7 .twitter-content { padding: 0 }
.msie7 .our-blessing { padding: 30px 0 0; width: 85%; margin: 0 auto }
.msie7 .our-blessing ul { width: 29%; margin: 0 2%; padding: 0 }
.msie7 .infographic-wrapper .bx-wrapper .bx-controls-direction a { top: 45% }
.msie7 .blog-post, .msie7 .inspirations { width: 47%; margin: 0 1% 60px; padding: 0 }
.msie7 .email-inspired { position: relative; text-align: center }
.msie7 .twitter-content ul li { width: 28%; margin: 0 1% }
.msie7 .twitter-content { padding-top: 40px }
.msie7 .form-submit button { width: auto }
.msie7 .form-group input, .msie7 .form-group textarea { width: 96%; padding: 9px 2% }
.msie7 .form-contact input, .msie7 .form-contact textarea { width: 96%; padding: 10px 2% 12px }
.msie7 .form-group input:active, .msie7 .form-group input:focus, .msie7 .form-group textarea:active, .msie7 .form-group textarea:focus { border: 1px solid #000 }
.msie7 .blog-detail p i { background-position: -135px -33px }
.msie7 .service-order p a i { background-position: -135px -35px }
.msie7 .browse-left { width: 49%; margin-left: 1%; margin-top: 10px }
.msie7 .browse-right { margin-right: 2%; margin-top: 10px; padding-top: 20px }
.msie7 .browse-note { width: 94%; padding-bottom: 10px; margin: 0 1% }
.msie7 .hover-link { z-index: 2; border: 0 solid #000 }
.msie7 .row-text .txtbox { width: 90%!important }
.msie7 .row-text1 .txtbox { width: 47%!important }
.msie7 .row-text .txtareabox { height: 85px!important }
.msie7 .xs-hidden li { width: 264px!important }
.ff3 .form-submit i { background-position: -21px 0 }
.jspDrag, .msie7 .hover-link, .msie8 .hover-link { background: #e6b705 }
@media all and (-ms-high-contrast:none) {
    .form-contact input, .form-contact textarea, .form-group input, .form-group textarea, ::-ms-backdrop {
        padding:9px 10px
    }
    .form-group input, .form-group textarea { padding: 9px 10px }
    .form-contact input, .form-contact textarea { padding: 13px 10px 12px }
    .contact-social, ::-ms-backdrop {
        margin-top:12px
    }
    .contact-social { margin-top: 12px }
    #contact-mail, #contact-skype { margin-top: 10px }
}
.msie7 #contact-mail, .msie7 #contact-skype, .msie8 #contact-mail, .msie8 #contact-skype, .msie9 #contact-mail, .msie9 #contact-skype { margin-top: 10px }
.msie9 .form-group input, .msie9 .form-group textarea { padding: 9px 10px }
.msie9 .form-contact input, .msie9 .form-contact textarea { padding: 13px 10px 12px }
.msie8 .form-group input, .msie8 .form-group textarea { padding: 9px 10px }
.msie8 .form-contact input, .msie8 .form-contact textarea { padding: 13px 10px 12px }
.ff3 .form-contact input, .ff3 .form-contact textarea, .ff3 .form-group input, .ff3 .form-group textarea { padding: 10px 9px 9px }
.get-done a, .service-button, button, input, textarea { behavior: url(https://d1sdrv0xq6nn0e.cloudfront.net/pie.htc); position: relative }
button, input, textarea { font-family: pt_sansregular, arial, sans-serif }
.msie7 .form-submit i { top: 14px }
.msie7 .get-done a { position: relative }
.msie7 .get-done a i { position: absolute; top: 17px }
.msie7 .infographic-wrapper ul li:hover .hover-link { bottom: 3px; border: 1px solid #000 }
.msie7 .infographic-lab li:hover .hover-link { bottom: 0!important; border: 0 solid #000!important }
.msie7 .infographic-lab li img { width: 100% }
.msie7 .esp-guideline-left ul li, .msie8 .esp-guideline-left ul li { width: 100px }
.msie7 .lab-inspiration { clear: both; float: left; padding-bottom: 40px }
.msie7 .esp-guideline-right .service-button, .msie7 .lab-inspiration-right a { width: 200px; padding-left: 20px }
.msie7 .client-position1 { margin-bottom: 20px }
.msie7 .left_quote1 { margin-bottom: 5px }
.msie7 .contact-detail li, .msie7 .social_wrap LI { display: inline; zoom: 1 }
.msie7 .sbHolder { height: 42px }
.msie7 .ms-slide .ms-slide-bgcont { position: relative; overflow: visible }
.msie7 .ms-dir-h.ms-slide-info { min-height: 50px }
.msie7 .ms-staff-info { width: 930px; padding: 0 100px }
.msie7 .ms-info { width: 100%; padding: 0 }
.msie7 .master-slider img { margin-top: 0!important }
.samples-right { margin-left: 0 }
.sample-img-block .sample-img { overflow: hidden; position: relative; width: 29%; float: left; margin: 0 2% 40px; height: auto }
.sample-img-block .sample-img .hover-img { width: 100%; height: 100%; top: -100% }
.email-scroll { position: relative }
#infscr-loading { position: fixed; text-align: center; bottom: 160px; left: 53%; z-index: 100; color: #000; font-size: 16px }
.jspContainer { overflow: hidden; position: relative }
.jspPane, .jspVerticalBar { position: absolute }
.jspVerticalBar { top: 0; right: 0; width: 6px; height: 100% }
.jspDrag, .jspTrack { position: relative }
.jspCap { display: none }
.jspHorizontalBar .jspCap { float: left }
.jspDrag { top: 0; left: 0; cursor: pointer }
.jspHorizontalBar .jspDrag, .jspHorizontalBar .jspTrack { float: left; height: 100% }
.jspCorner { background: #eeeef4; float: left; height: 100% }
.ordernowbtn { width: 100%; padding: 35px 0; font-size: 26px; color: #000; margin: 0 0 20px; line-height: 46px }
.ordernowbtn span { font-family: pt_sansbold, arial, sans-serif; color: #000 }
.ordernowbtn a { background: #d14e11; font-family: patua_oneregular, arial, sans-serif; font-size: 24px; border-radius: 3px; color: #fff; padding: 0 80px; display: inline-block; margin-left: 30px; transition: .5s ease-in; -webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; -ms-transition: .5s ease-in; -o-transition: .5s ease-in }
.ordernowbtn a:hover { background: #000 }
.ordernowbtn a i { background: url(https://d1sdrv0xq6nn0e.cloudfront.net/images/icon.png) -45px 0 no-repeat; width: 20px; height: 15px; display: inline-block }
.landingpage1 .what-do { padding-bottom: 20px }
.xs-hidden { margin-top: 40px }
.news-note p { font-size: 18px; line-height: 23px; font-family: pt_sansregular, arial, sans-serif }
.side-logo { width: 100%; text-align: center; background: #fff }
.exactlgo-bg { background: #e98300 }
input.error { border: 1px solid red }
#reload { max-width: 15px; cursor: pointer }
.frm_personalized_quote .row-text .green, .frm_personalized_quote .row-text .red, .frm_personalized_quote .row-text1 .green, .frm_personalized_quote .row-text1 .red { background: #779816; border-radius: 0 0 3px 3px; color: #FFF; text-shadow: 0 1px 1px #333; font-size: 16px; line-height: 16px; padding: 12px 15px 8px; top: 30px; right: -18px; width: auto; z-index: 99; display: none; clear: both }
.frm_personalized_quote input.inp_red:focus { border-color: #d14e11 }
.frm_personalized_quote input.inp_green:focus { border-color: #517006 }
#quote_list_reset { display: none }
.frm_contact input.inp_green, .frm_newsletter input.inp_green, .frm_personalized_quote input.inp_green { border: 2px solid #779816; border-radius: 3px 3px 0 0 }
.quality-block, .role { border-bottom: 2px solid #efefef }
.frm_personalized_quote .row-text1 .green, .frm_personalized_quote .row-text1 .red { top: 50px; right: 0; left: 0; display: block; text-shadow: 0 1px 1px #333; width: 55% }
.frm_personalized_quote .row-text .red, .frm_personalized_quote .row-text1 .red { color: #fff; background: #d24e10 }
.frm_personalized_quote .row-text .successmsg { font-family: pt_sansregular, arial, sans-serif; font-size: 18px; padding: 12px 2px 8px; margin-top: 10px; float: left; color: #000; display: none }
.frm_contact .successmsg, .frm_newsletter .successmsg { text-shadow: 0 1px 1px #333; border-radius: 3px; line-height: 16px; padding: 12px 2px 8px; margin-top: 10px; float: left; display: none; font-size: 14px; color: #FFF }
#frm_contact-main .successmsg { color: #000; font-size: 18px }
.frm_contact .form-group .green, .frm_newsletter .form-group .green { background: #779816; border-radius: 0 0 3px 3px; color: #FFF; text-shadow: 0 1px 1px #333; font-size: 14px; line-height: 14px; padding: 12px 15px 8px }
#mc_embed_signup .errormsg, .row-text .errormsg { color: red }
.heart { overflow: hidden; clear: both; height: 30px }
.image { height: 30px; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s }
.testi { line-height: 22px; height: 50px; font-family: patua_oneregular, arial, sans-serif; font-size: 16px; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s }
.testi:hover { color: #FFF }
.heart:hover .image { margin-top: -30px; clear: both; overflow: hidden }
.safari .we-left-main p { font-size: 17px }
.msie8 .we-left-main p { font-size: 15px }
.msie8 .news-block4 span.center-align { width: 350px }
.inspiration { padding-top: 100px }
.inspiration-content { width: 947px; margin: 0 auto }
.inspiration-content h2 { font-size: 72px; line-height: 80px; font-family: PROMESH-Two; margin-bottom: 10px }
.inspiration-content span { background: #ff5019; padding: 0 5px }
.inspiration-content p { color: #000; font-size: 30px; line-height: 30px; font-family: HelveticaNeueRegular-Regular }
.inspiration-details { padding-top: 50px; padding-bottom: 100px }
.left-inspiration { float: left; width: 56% }
.right-inspiration { float: right; width: 37% }
.btn, .inputbox { height: 48px; width: 100%; border-radius: 3px }
.right-inspiration p { color: #33393d; font-size: 15px; line-height: 25px; padding-top: 20px; padding-bottom: 20px; font-family: ProximaNova-Regular }
.right-inspiration span { font-size: 20px; background: 0 0; font-family: ProximaNova-Semibold }
.inputbox { background: #fff; padding: 0 15px; color: #a8a8a8; font-size: 14px; margin-bottom: 10px; font-family: ProximaNova-Regular }
.btn { color: #fff; background: #303030; font-size: 20px; line-height: 27px; font-family: ProximaNova-Semibold; -webkit-transition: all .5s ease-out 0s; -moz-transition: all .5s ease-out 0s; -o-transition: all .5s ease-out 0s; transition: all .5s ease-out 0s }
.btn:hover { background: #ff5019; color: #fff }
label { color: #33393d; cursor: pointer; display: inline-block; left: 20px; line-height: 20px; padding-left: 9px; text-shadow: 0 -1px 0 rgba(0,0,0,.2) }
.customRadiobox { background: url(https://d1sdrv0xq6nn0e.cloudfront.net/images/radio-off.png) no-repeat; height: 18px; width: 20%; display: inline-block; float: left; margin-bottom: 20px }
.customRadiobox.checked { background: url(https://d1sdrv0xq6nn0e.cloudfront.net/images/radio-on.png) no-repeat; height: 18px }
.white-block { background: #fff; padding: 13px 0 0 }
.hiring-banner { background: url(https://d1sdrv0xq6nn0e.cloudfront.net/images/hiring-page/banner-image.jpg) center center no-repeat; height: 815px; background-size: cover }
.webby-hiring-banner { background: url(https://d1sdrv0xq6nn0e.cloudfront.net/images/webby-hiring-image/banner-image.jpg) center center no-repeat; height: 815px; background-size: cover }
.hiring-banner-text { padding: 88px 0 0 }
.hiring-banner-title h1 { color: #000; font-size: 68px; line-height: 60px; text-transform: uppercase; font-weight: 400 }
.hiring-banner-title h1 span { font-weight: 700 }
.hiring-banner-title h2 { color: #000; font-size: 35px; line-height: 45px; text-transform: uppercase; font-weight: 400; margin-bottom: 50px }
.hiring-banner-title h2 span { font-weight: 700 }
.hiring-content { width: 40%; margin-top: 172px; margin-left: 101px }
.webby-hiring-content { width: 50%; margin-top: 172px }
.hiring-content p, .webby-hiring-content p { font-size: 24px; line-height: 30px; color: #000; font-weight: 400; padding-bottom: 39px }
.hiring-content span, .webby-hiring-content span { color: #cf6220; font-size: 24px; font-weight: 700; line-height: 30px }
.job-tittle h3, .job-tittle span { font-size: 24px; line-height: 40px; font-family: patua_oneregular; color: #000; text-transform: uppercase }
.yellow-part { background: #ffc709 }
.job-tittle { padding: 30px 0 33px }
.job-tittle span { background: #feda52; padding: 0 2px }
.role { padding: 20px 0 60px; background: #fff }
.role h2 { text-transform: uppercase; font-size: 36px; line-height: 48px; font-weight: 400 }
.role span, .role ul li { font-weight: 700 }
.role ul li { font-size: 20px; line-height: 40px; background: #efefef; display: table; margin: 10px auto 0; padding: 0 10px }
.qualities { background: #fff; padding: 60px 0 0 }
.qualities h2 { font-size: 36px; line-height: 33px; color: #000; font-weight: 400; text-transform: uppercase; text-align: center; margin-bottom: 30px }
.quality-blocks h4, .quality-blocks p, .smile-block p { color: #fff; text-align: center }
.qualities span { font-weight: 700 }
.quality-block { padding-bottom: 67px }
.quality-blocks { float: left }
.quality-blocks p { font-size: 18px; padding: 80px 0; line-height: 20px; font-weight: 400 }
#card-1 { width: 23.2% }
#card-2 { width: 34% }
#card-3 { width: 42.8% }
#card-4, #card-5, #card-6 { width: 25%; }
.go-getter-block { width: 23.2%; background: #deba30; border: 20px solid #ecc944 }
.quality-blocks h4 { font-size: 24px; line-height: 60px; font-family: 'Open Sans', sans-serif; font-weight: 300; text-transform: uppercase; padding: 81px 0 }
.self-starter-block { background: #454444; border: 20px solid #535353 }
.smile-block { background: #e2702b; border: 20px solid #cf6220 }
.smile-block p { font-size: 18px; line-height: 28px; padding: 80px 0 }
.passionate { background: #cf6220; border: 21px solid #e2702b }
.socialite { background: #dcae15; border: 21px solid #ecc944 }
.socialite h4 { line-height: 30px }
.Knowledgeable { background: #313131; border: 21px solid #3c3c3c }
.Travel { background: #dcae15; border: 21px solid #ecc944 }
.role-responsibility { padding: 62px 0 90px; background: #fff; text-align: center }
.role-responsibility h2 { text-transform: uppercase; font-size: 36px; line-height: 53px; font-weight: 400; margin-bottom: 11px }
.role-content p, .role-responsibility a { font-family: pt_sansregular; line-height: 24px }
.role-responsibility span { font-weight: 700 }
.role-content { width: 71%; margin: 0 auto }
.role-content p { font-size: 18px; font-weight: 400; padding-bottom: 25px }
.role-responsibility a { color: #e65a05; font-weight: 700; font-style: italic; font-size: 20px; margin-top: 36px; display: inline-block; width: 100% }
.role-responsibility a:hover { color: #000 }
.role-responsibility a.download-btn { color: #fff; background: #e65a05; width: 370px; text-align: center; font-size: 24px; height: 45px; border-radius: 3px; line-height: 19px; font-family: patua_oneregular; font-style: normal; padding: 13px 5px; margin-top: 21px; text-decoration: none }
.role-responsibility a.download-btn i { background: url(https://d1sdrv0xq6nn0e.cloudfront.net/images/icon.png) -45px 0 no-repeat rgba(0,0,0,0); display: inline-block; height: 15px; width: 20px }
.role-responsibility a.download-btn:hover { background: #000 }
.register-form { padding: 50px 0; background: #efefef }
.register-form .main { width: 570px; margin: 0 auto }
.register-form .section-title { margin-top: -72px; margin-bottom: 30px }
.register-form .section-name { padding: 0 26px }
.fileupload { width: 100%; margin: 7px auto 0 }
.fileupload a.browse { background: #fff; border: 1px solid #dbdbdb; color: #000; padding: 6px 15px; position: absolute; right: 0; font-size: 22px; width: 125px; text-align: center; font-weight: 900; font-family: patua_oneregular, arial, sans-serif }
.fileupload input[type=text] { background: #fff; border: 1px solid #dbdbdb; border-radius: 3px; color: #2d2d2d; float: left; font-size: 12px; height: 42px; padding: 0 10px; transition: all .5s ease-in 0s; width: 100%!important }
.left-form-section input, .right-form-section input { background: #fff; color: #2d2d2d; font-size: 12px; height: 42px; padding: 0 10px; transition: all .5s ease-in 0s; width: 47% }
.left-form-section input { border: 1px solid #dbdbdb; border-radius: 3px; float: left; margin-bottom: 20px }
.right-form-section input { border: 1px solid #dbdbdb; border-radius: 3px; float: right }
.form-section .btn-apply { color: #fff; background: #000; width: 100%; text-align: center; font-size: 24px; height: 56px; border-radius: 3px; font-family: patua_oneregular; font-style: normal; padding: 13px 5px; margin-top: 20px; text-decoration: none; display: block; -webkit-transition: all .5s ease-out 0s; -moz-transition: all .5s ease-out 0s; -o-transition: all .5s ease-out 0s; transition: all .5s ease-out 0s }
.form-section .btn-apply:hover { background: #e65a05 }
.form-section .btn-apply i { background: url(https://d1sdrv0xq6nn0e.cloudfront.net/images/icon.png) -45px 0 no-repeat rgba(0,0,0,0); display: inline-block; height: 15px; width: 20px }
.who-are-emailmonks { padding: 50px 0 70px; background: #fff; text-align: center }
.who-are-emailmonks h2 { text-transform: uppercase; font-size: 36px; line-height: 53px; font-weight: 400; margin-bottom: 20px; color: #000 }
.who-are-emailmonks span { font-weight: 700 }
.monks-content { width: 83.5%; margin: 45px auto 0 }
.monks-content p { font-size: 18px; line-height: 24px; color: #000; font-family: pt_sansregular; font-weight: 400; padding-bottom: 20px }
.about h2, .about h3 { line-height: 53px; color: #000; font-weight: 400 }
.about { background: #ffc709; padding: 50px 0 70px; text-align: center }
.about h2 { text-transform: uppercase; font-size: 36px; margin-bottom: 20px }
.about h3 { font-size: 40px; font-family: pacificoregular, arial, sans-serif }
.webby-about-content p, .webby-about-content p a { font-size: 18px; line-height: 24px; color: #000; font-family: pt_sansregular }
.webby-about-content { width: 83.5%; margin: 45px auto 0 }
.webby-about-content p { font-weight: 400; padding-bottom: 30px }
.webby-about-content p a { font-weight: 700; font-style: italic }
.webby-about-content p a:hover { color: #e65a05 }
.our-clients { padding: 50px 0; background: #fff }
.our-clients .section-title { margin-top: -72px; margin-bottom: 0 }
.our-clients .section-name { padding: 0 100px }
.disney, .ng { padding-left: 15px }
.our-clients .dotted-line { background: url(https://d1sdrv0xq6nn0e.cloudfront.net/images/hiring-page/border.png) repeat-x; display: block; height: 3px; position: absolute; top: 22px }
.client-title { width: 59.5%; margin: 0 auto; text-align: center }
.client-title h3 { font-size: 20px; color: #000; font-weight: 400 }
.client-title span { font-weight: 700 }
.client-title h4 { color: grey; font-size: 20px; margin-bottom: 20px }
.client-details { width: 995px; margin: 0 auto }
.left-client-details { float: left; width: 48%; border-right: 1px solid #ccc; padding-right: 20px }
.left-client-logo { width: 33%; float: left }
.left-client-logo img { float: left; margin-right: 30px }
.logo-details { float: left; width: 67% }
.logo-details p { font-style: italic; color: #000; font-size: 15px }
.logo-details .client-name { font-family: pacificoregular, arial, sans-serif; font-size: 18px; margin-top: 20px }
.logo-details span { color: grey; font-size: 15px }
.disney { padding-bottom: 20px; border-bottom: 1px dotted #000 }
.ng { padding-top: 20px }
.right-client-details { float: left; width: 48%; padding-left: 20px }
.right-client-details ul { width: 420px; margin: 0 auto }
.right-client-details li { display: inline-block; padding: 0 21px 20px 0 }
.right-client-details li:nth-child(3n+3) { padding-right: 0 }
.right-client-details li a:hover { opacity: .7 }
.content-top { float: left; background: #e6b705; padding: 55px 0 0; width: 100%; max-height: inherit!important }
.topbox-content { text-align: center }
.topbox-content h2 { font-size: 36px; color: #000; font-family: pt_sansbold; margin-bottom: 20px }
.topbox-content span { margin-top: 35px; display: block; margin-bottom: -20px }
#errormsg, #successmsg { float: left; font-size: 25px; margin-top: 25px; color: #000; width: 100%; display: none }
#errorunsub, .errormsg { font-size: 15px; font-family: pt_sansregular }
#errormsg, #errorunsub { color: #d14e11 }
#errorunsub, .errormsg { color: #d14e11; margin-top: 8px; position: absolute }
#resonmsg.errormsg { position: relative; margin-bottom: 20px; margin-top: -10px }
#errorunsub { margin-top: 8px; float: left; position: relative }
.accordion-main { padding-bottom: 43px }
.accordion-section { padding: 43px 0 0 }

.thankyou .banner .thanku-description h2 { font-size: 72px; border: none }
.thankyou .banner .right .thanku-description { float: none; margin-left: 50px; margin-top: 50px; width: auto }
.thankyou { padding: 65px 0; max-height: 675px }
.thankyou .banner { margin: 0 70px 0 20px }
.thankyou .banner .left { margin-right: 7%; width: 24%; float: left }
.thankyou .banner .right { width: 68%; float: left; margin-top: 90px }
.thankyou .banner h2 { font-size: 36px; line-height: 48px; color: #000; border-bottom: 1px dashed #000; padding-bottom: 12px; font-family: pt_sansbold; margin-bottom: 15px }
.thankyou .banner p { font-size: 18px; line-height: 36px; color: #000; font-family: pt_sansregular; padding: 0; margin: 0 }
.thankyou .banner .resubscribe { margin-top: 20px }
.thankyou .banner .resubscribe .resubscribe-button { background: #d14e11; color: #fff; font-size: 24px; border: none; transition: .5s ease-in; -webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; -ms-transition: .5s ease-in; -o-transition: .5s ease-in; -webkit-border-radius: 3px; border-radius: 3px; position: relative; padding: 10px 80px 10px 50px; font-family: patua_oneregular }
.thankyou .banner .resubscribe i { background: url(https://d1sdrv0xq6nn0e.cloudfront.net/images/icon.png) -50px -1px no-repeat; width: 15px; height: 14px; position: absolute; right: 45px; top: 20px }
.thankyou .banner .resubscribe .resubscribe-button:hover { background: #000 }
.unsubscribe_social_links { padding-top: 60px }
.unsubscribe_social_links b { display: inline; float: left; padding-top: 7px; font-size: 18px }
.unsubscribe_social_links .contact-social { border: none; display: inline-block; float: none; margin: 0; padding-left: 10px; padding-top: 0; width: auto }
.unsubscribe_social_links .contact-social i { width: 30px; height: 30px; background: 0 0; float: left; margin: 0 6px }
.contact-social i a { display: block; height: 30px }
.unsubscribe_social_links .contact-social i a { background-image: url(https://d1sdrv0xq6nn0e.cloudfront.net/images/unsbscribe_social_img.png); background-repeat: no-repeat; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s }
.unsubscribe_social_links .contact-social i.facebook a { background-position: left top }
.unsubscribe_social_links .contact-social i.facebook:hover a { background-position: left -33px }
.unsubscribe_social_links .contact-social i.twitter a { background-position: -41px top }
.unsubscribe_social_links .contact-social i.twitter:hover a { background-position: -41px -33px }
.unsubscribe_social_links .contact-social i.linkedin a { background-position: -83px top }
.unsubscribe_social_links .contact-social i.linkedin:hover a { background-position: -83px -33px }
.unsubscribe_social_links .contact-social i.google_plus a { background-position: -124px top }
.unsubscribe_social_links .contact-social i.google_plus:hover a { background-position: -124px -33px }
.unsubscribe_social_links .contact-social i.pinterest a { background-position: -166px top }
.unsubscribe_social_links .contact-social i.pinterest:hover a { background-position: -166px -33px }
.view-all-blog a { color: #000; font-family: pt_sansbold, arial, sans-serif; font-style: italic; font-size: 18px; text-transform: none; transition: .5s ease-in; -webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; -ms-transition: .5s ease-in; -o-transition: .5s ease-in }
.view-all-blog { margin-top: 25px; padding-left: 17% }
.view-all-blog i { background: url(https://d1sdrv0xq6nn0e.cloudfront.net/images/icon.png) -135px -29px no-repeat; width: 20px; height: 15px; display: inline-block; margin-bottom: 1px }
.view-all-blog a:hover { color: #fff }
.frm_contact .form-group .red, .frm_newsletter .form-group .red { background: #d24e10; border-radius: 0 0 3px 3px; color: #FFF; text-shadow: 0 1px 1px #333; font-size: 14px; line-height: 14px; padding: 12px 15px 8px; top: 30px; right: -18px; width: auto; z-index: 99; display: none; font-weight:normal;}
.award ul li, .menu-spacing, .sample-top h1 span, .sample-top h2 span { display: inline-block }
.frm_contact input.inp_red, .frm_newsletter input.inp_red, .frm_personalized_quote input.inp_red { border: 2px solid #d24e10; border-radius: 3px 3px 0 0 }
.sample-top h2 { font-size: 45px }
.sample-top h2 span { font-size: 60px }
.sample-top h1 { font-size: 45px; text-transform: uppercase }
.sample-top h1 span { font-size: 60px }
.awards-details { background: url(https://d1sdrv0xq6nn0e.cloudfront.net/images/pattern-award.png) repeat-x; padding: 48px 0; min-height: 187px }
.award-text { padding: 11px 16px 13px 0; float: left }
.award-text .award-titletxt, .award-text h2 { font-size: 36px; color: #fff; font-family: patua_oneregular; line-height: 28px; font-weight: 400 }
.award-text .award-titletxt span, .award-text h2 span { font-size: 24px; color: #e6b705; display: inline-block }
.award { float: left }
.award ul li { padding-right: 60px }
.award ul li a { opacity: .4 }
.award ul li a:hover { opacity: 100 }
.award ul li:last-child { padding-right: 0 }
.or-bg { background: #e6b705; border-radius: 50%; line-height: 17px; margin: 15px auto; text-align: center; vertical-align: middle; width: 17% }
.lightbox-panel { background: url(https://d1sdrv0xq6nn0e.cloudfront.net/images/pop_up_bg.png) left top rgba(0,0,0,0); display: none; left: 50%; margin-left: -200px; position: fixed; top: 20%; width: 588px; z-index: 1001 }
.news-title .first-title, .news-title h1, .tooltip-trigger { display: inline-block }
.lightbox-panel .tool_tip_container { background: #fff; margin: 10px; padding: 10px 20px }
.close-panel { cursor: pointer; height: 22px; margin: 0 0 0 -40px; position: absolute; top: -10px; width: 22px }
.tool_tip_container .tt_title { color: #ce4d2b; font-size: 18px; font-weight: 700; line-height: 24px; padding-bottom: 5px }
.tool_tip_container .tt_content .tt_imp { color: #d84100 }
.tooltip-trigger { background: url(https://d1sdrv0xq6nn0e.cloudfront.net/images/newsltter-icon.png) right center no-repeat; height: 20px; width: 20px; margin-left: 8px; vertical-align: middle }
.tooltip-trigger:hover { background: url(https://d1sdrv0xq6nn0e.cloudfront.net/images/info.png) right center no-repeat }
.news-title .first-title h1.hlight { background: #fff; padding: 1px 2px 0; height: 31px; display: inline-block }
.integration p { width: 100% }
.footer-link { display: none }
.count-num { color: #000; display: inline-block }
.count-num-eight { color: #fff }
.para-mailchip p { font-size: 16px; color: #000 }
.para-mailchip a { color: #3480df }
.rate-delivery { margin-bottom: 15px; font-size: 18px }
.left-deliver { float: left; padding-left: 5% }
.right-price { float: right; padding-right: 5% }
.last-infograph-center { margin: 0 auto 30px!important; display: block!important }
.view-all-blog .orange-font { color: #000 }
.view-all-blog .orange-font:hover { color: #d14e11 }
.text-content a { text-decoration: underline }
.terms-condition { padding: 40px 0 }
.terms-condition-text a, .tooltip-content-style a { color: #c54209 }
.terms-condition-text a:hover, .tooltip-content-style a:hover { color: #f58220 }
.terms-condition-text h2 { color: #000; font-family: patua_oneregular, arial, sans-serif; font-size: 24px; font-weight: 400 }
.fof-title, .gotohome a, .library-title-txt { font-family: pt_sansbold, arial, sans-serif }
.terms-condition-text p { font-size: 16px; line-height: 25px; padding-bottom: 30px }
.terms-condition-text p.listing-ptag { padding-bottom: 15px }
.terms-condition-text ul { margin-bottom: 30px; margin-left: 14px }
.terms-condition-text ul li { font-size: 16px; list-style: none; padding-bottom: 10px }
.soft-text { float: right; padding-right: 20px }
.soft-text span { font-size: 16px; line-height: 54px }
.soft-inte-left span { font-size: 16px; float: left }
.condition-texts.soft-inte-left span { display: inline-block; vertical-align: top; float: none }
.tooltip-content-style { font-size: 16px; padding: 45px 0 30px; text-align: left }
.gotohome, .how-we-can, .library-image, .library-text, .my-mfp-slide-center .mfp-content { text-align: center }
.tooltip-content-style h3 { color: #d9490a; font-size: 22px; padding-bottom: 10px; padding-right: 40px }
.tooltip-content-style p { font-size: 16px; line-height: 22px; padding-bottom: 15px }
.tooltip-content-style p.listing-ptag { padding-bottom: 8px }
.tooltip-content-style ul { margin: 0 0 10px; padding-left: 18px }
.tooltip-content-style ul li { list-style: disc!important; padding-bottom: 5px; color: #000; font-size: 16px }
.my-mfp-slide-center .mfp-content .tooltip-popup-box { display: inline-block; margin: 0 auto; position: relative; width: auto; max-width: 900px }
.questionnaire-form { border: 8px solid #9D9D9D; border-radius: 5px }
.page404 { padding: 10.85% 1% 8.3% 17.2% }
.fof-title { font-size: 80px; display: block; line-height: 1.1 }
.fof-sub-title { font-size: 48px }
.fof-sub-txt { display: block; font-size: 18px; padding-top: 5px }
.gotohome { font-size: 24px; border-bottom: 1px dashed #000; border-top: 1px dashed #000; margin-right: 19%; margin-top: 10.1%; padding: 2.4% 0 2.6% }
.gotohome a { color: #000; font-style: italic; background-repeat: no-repeat; background-position: right center; padding-right: 20px }
.fof-image { float: left; width: 50.3% }
.fof-txt { float: left; width: 40%; padding-top: 6% }
.how-we-can { padding-top: 30px; display: block }
.library-title-txt { font-size: 22px; line-height: 27px; color: #000; text-align: center; margin-bottom: 25px }
.library-text .txt, .price_txt { font-size: 18px; line-height: 18px }
.library-image { display: block; margin: auto auto 30px }
.library-text { width: 330px; margin: 0 auto; display: block }
.library-text .txt { font-weight: 400; font-family: pt_sansregular, arial, sans-serif; margin: 0 0 30px; min-height: 130px }
.price_txt, .price_txt span { font-family: pt_sansbold, arial, sans-serif }
.price_txt { margin-bottom: 0; color: #000 }
.price_txt span { display: inline-block; color: #b64b1e; font-size: 24px }
.border { border-right: 1px dotted!important }
.what-we-do-txt { padding: 30px 100px 55px }
.mailchimp-landing .section-box .red { background: #d24e10; border-radius: 0 0 3px 3px; color: #FFF; text-shadow: 0 1px 1px #333; font-size: 14px; line-height: 14px; padding: 12px 15px 8px; top: 30px; right: -18px; width: auto; z-index: 99; display: none; clear: both }
@media (max-width:1170px) {
    .fof-image, .fof-txt { display: inline-block; float: none }
    .page404 { margin: 0 auto; padding: 7% 0 8%; text-align: center }
    .fof-image { margin-right: 4%; width: 45.3% }
    .fof-txt { padding-top: 6%; vertical-align: middle; width: 40%; text-align: left }
    .gotohome { margin: 6% 6% 0; padding: 2.4% 0 2.6% }
}
@media (max-width:900px) {
    .fof-image { width: 40.3% }
    .fof-txt { width: 46% }
}
@media (max-width:767px) {
    .fof-image { display: block; float: none; margin: 0 auto; width: 46% }
    .fof-txt { display: block; width: 100%; text-align: center }
}
@media (max-width:479px) {
    .fof-image { width: 74% }
    .fof-title { font-size: 60px }
    .fof-sub-title { font-size: 33px }
}
@media all and (-webkit-min-device-pixel-ratio:1.5) {
    .mobile-contact i { background-image: url(https://d1sdrv0xq6nn0e.cloudfront.net/images/phone-icon@2x.png); background-size: 38px 38px }
}

.sample-right .get-done { background: 0 0 }
.mailchimp-landing .download-information-form .input-bottom-block { text-align: center }
.mailchimp-landing .download-information-form .input-bottom-block .input-box { float: none }
.mailchimp-landing .custom-mailChimp-templates { background: #e6b705; padding: 60px 0 100px; text-align: center; position: relative }
.or { position: absolute; font-size: 24px; color: #fff; text-transform: uppercase; font-family: patua_oneregular, arial, sans-serif; -webkit-border-radius: 50%; border-radius: 50%; background: #000; padding: 8px; top: -25px; left: 49% }



/*******************************header***********************************************************************/
.header-main{
    background: #000;
    padding: 35px 0;
}

.navbar .menu li 
{
    float: left;
    vertical-align: top; 
    display: inline-block; 
    margin-left:49.3px;
    padding-top:15px; 
    position: relative;
}

.navbar .menu li a.order-now:before{
    content: "";
    position: absolute;
    background-image: url(https://email.uplers.com/infographics/email-marketing-strategy/images/arrow-right.png);
    background-repeat: no-repeat;
    width: 8px;
    height: 10px;
    right: -12px;
    bottom: 3px;
}
.navbar .menu li a 
{ 
    font-size:16px;
    color: #fff;
    font-weight:400; 
    font-family: 'Patua One', cursive;
    display: block;
    margin:0 auto; 
} 

.navbar .menu li a
{
    margin-top:-10px; 
}

.navbar .menu li a:hover, .navbar .menu li a.active
{
    color:#f1c005;
}

.expand
{
    max-height: 20em;
}

#menu-icon 
{
    display:none;
}

.navbar 
{
    float: right;
    max-height: none;
}

.navbar .menu li {
    list-style-type: none;
    display: inline-block;
    text-align: center;
}

.navbar .menu li a {
    display: block;
    border-bottom: 0;
}
/************header-top*******************/
.header-top{
    background: #1f1f1f;
    padding: 20px 0;
    overflow: auto;
    clear: both;
}
.header-content{
    display: inline-block;
    vertical-align: middle;
    position: relative;
    float: left;
}

.header-content p{
    color: #545454;
    display: inline-block;
    padding-right: 5px;
    font-size: 16px;
    font-weight: 300;
    font-family: 'Pacifico', cursive;
    transition: .5s ease-in; 
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in; 
    -ms-transition: .5s ease-in; 
    -o-transition: .5s ease-in ;
}
.header-content p:hover{
    color: #ffffff;
}
.header-content b:hover{
    color: #ffffff;
}
.header-content b{
    color: #545454;
    display: inline-block;
    padding-left: 5px;
    font-size: 16px;
    font-weight: 300;
    font-family: 'Pacifico', cursive;
    position: relative;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in; 
    -ms-transition: .5s ease-in; 
    -o-transition: .5s ease-in ;
}

.header-content b:before{
    content: "";
    background: #ffda30;
    position: absolute;
    width: 1px;
    height: 14px;
    left: 0;
    top: 9px;
}
/*.header-content p:nth-child(1){
border:0;
}*/
.call-sec{
    display: inline-block;
    vertical-align: middle;
    float: right;
}
.call-sec a{
    color: #545454;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    line-height: 2;
}
.call-sec a:hover{
    color: #ffffff;
}

.call-sec a span{
    color: #ffda30;
    font-weight: 700;
    font-size: 16px;
}

/********banner************************************/
.main-container{
    max-width: 1490px;
    margin: 0 auto;
}
.main-accordion{
    max-width: 1350px;
    margin: 0 auto;
    padding: 0 15px;
}
.strategy{
    background-color: #ffda30;
    /*padding: 13% 0 26.5%;*/
    padding: 0px 0 200px;
   
}

.strategy-img{
     background-size: cover;
    background-repeat: no-repeat;
    padding: 160px 0 385px;
    background-position: center;
}

.strategy-content {
    display: inline-block;
    width: 90%;
    vertical-align: middle;
}
/*.strategy-content:last-child{padding-left: 50px;}*/
.strategy-content h2{
    font-size: 47px;
    font-family: 'Lato';
    font-weight: 600;
    color: #fff;
    text-shadow: 6px 2px 18px #000;
}
.strategy-main{
    max-width: 1260px;
    margin: 0 auto;
    display: block;
}
/*.strategy-content img{
width: 500px;
padding-left: 40px;
}*/
.strategy-content h1{
    font-size: 69px;
    font-weight: 900;
    font-family: 'Lato';
    text-transform: uppercase;
    color: #ffda30;
    text-shadow: 6px 2px 18px #000;
}

/*************************************/
.table_content{
    display: inline-block;
    width: 49%;
    background: #ffffff;
    vertical-align: top;
}

.wapper-table h3{
    font-weight: 900;
    color: #000000;
    font-size: 28px;
    font-family: 'Lato',sans-serif;
    margin-bottom: 35px;
}
.marketing-strategy li strong{
    border-bottom: 3px solid #ffda30;
    display: inline-block;
    line-height: 2;
    margin-top: -5px;
}
.marketing-strategy li strong:before{
    content:"";
    background-image: url(https://email.uplers.com/infographics/email-marketing-strategy/images/arrow-bold.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 20px;
    vertical-align: middle;
    height: 15px;
}
.marketing-strategy li strong ,.marketing-strategy li b{
    font-weight: 900;
    font-size: 15px;
    font-family: 'Lato',sans-serif;
    position: relative;
}
.marketing-strategy li b:before{
    content: "";	
    background-image: url(https://email.uplers.com/infographics/email-marketing-strategy/images/arrow-light.png);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 15px;
}

ul.marketing-strategy li{
    font-size:15px;
    font-family:'Lato',sans-serif;
    font-weight: 400;
    color: #1f1f1f;
}


ul.marketing-strategy li a{
    font-size:15px;
    font-family:'Lato',sans-serif;
    color: #1f1f1f;
    border-bottom: 2px solid transparent;
    display: inline-block;
    transition:all 0.2s ease-in-out 0s; 
    -moz-transition: all 0.2s ease-in-out 0s; 
    -ms-transition: all 0.2s ease-in-out 0s; 
    -o-transition: all 0.2s ease-in-out 0s; 
    -webkit-transition: all 0.2s ease-in-out 0s; 
}

ul.marketing-strategy li a:hover, ul.marketing-strategy li a.active-link{
    border-bottom: 2px solid #000000;
}

.marketing-strategy li strong a:hover{border-bottom: 2px solid transparent;}

ul.marketing-strategy li ul{ padding: 0px 0 0 30px; }

.wapper-table{
    border-bottom: 1px solid #8e8e8e;
    padding-bottom: 40px;
}
.marketing-strategy li{
    margin-bottom: 25px;
}
.marketing-strategy li span{
    font-weight: 900;
    margin-right: 10px;
    padding-left: 0px;
}

.table-up{
    /*margin-top: -23%;*/
    margin-top:-435px;
    background: #ffffff;
    padding: 83px 0 30px;
}
.introduction {
    padding: 33px 0;
}
.main-wapper{
    max-width: 1000px;
    margin:0 auto;
    padding-right: 10px;
    padding-left: 10px;
}

/******************************/
.introduction h3{
    font-size: 28px;
    color: #000000;
    font-family: 'Lato';
    text-transform: uppercase;
    font-weight: 900;
    line-height: 1.5;
    margin:25px 0;
}

.introduction p{
    margin-bottom: 20px;
    font-size: 15px;
    font-family: 'Lato';
    line-height: 1.6;
}

/*********************importance-marketing-strategy**********************/
.importance-marketing-strategy{
    background: #ffda30;
    /*padding: 50px 0 18%;*/
    padding: 50px 0 331px;
}
.marketing-strategy-content{
    display: inline-block;
    padding-right: 50px;
}

.marketing-strategy-content h3{
    font-size: 35px;
    text-transform: uppercase;
    font-family: 'Lato';
    font-weight: 900;
}
.importance-strategy-content p{
    margin-bottom: 20px;
    font-family: 'Lato';
    font-size: 15px;
}
.importance-strategy-content p b{
    font-size: 18px;
}
.importance-strategy-content strong{
    font-size: 17px;
    font-family: 'Lato';
    font-weight: 900;
}
.marketing-content{
    /*margin-top: -20.5%;*/
    margin-top: -298px;
    background: #ffffff;
    padding: 94px 0 55px;
}
.performance-review{
    padding: 20px 0;	

}
.performance-review p{
    text-align: center;
    font-size: 15px;
    font-family: 'Lato';
    line-height: 1.8;
}
.email-strategy{
    text-align: center;
    border-top: 1px solid #8e8e8e;
    width: 70%;
    margin:0 auto;
    padding: 20px 0;	
}
.email-strategy strong{
    font-style: italic;
    font-size: 19px;
    font-family: 'Lato';
    line-height: 1.5;
    font-weight: 900;
}

/*****************/
.current-situation {
    margin-top: 50px;
}
.current-situation-content {
    margin: 0;
    padding: 0;
}
ul.current-situation-content li:nth-child(odd) {
    background: #f3f3f3;
}
ul.current-situation-content li:nth-child(even) {
    background: #e8e8e8;
}

ul.current-situation-content li {
    width: 100%;
    display: block;
    border-bottom: 1px solid #bbbbbb;
    margin: 0;
    padding: 0;
}
.current-situation-content li label {
    margin-bottom: 0;
    width: 22%;
    display: inline-block;
    padding: 21px;
    vertical-align: middle;
    font-weight: 700;
    font-size: 15px;
    cursor: text;
    font-family: 'Lato';
    left: 0;
    background: #ffda30;
}
.current-situation-content li span {
    margin-bottom: 0;
    width: 70%;
    display: inline-block;
    font-size: 15px;
    vertical-align: middle;
    padding-left: 37px;
}
.wrap-up{
    background: #f3f3f3;
    text-align: center;
    padding: 50px 0;
}
.wrap-up h3{
    font-family:'Lato';
    font-weight: 900;
    font-size: 30px;
    line-height: 1.5;
    margin-bottom: 20px;
}
.wrap-up p{
    font-family:'Lato';
    font-weight: 400;
    font-size: 15px;
    margin-bottom:20px;

}

.emailmonks{
    text-align: center;
    padding: 40px 0;
}
.emailmonks-content{
    /*display: inline-block;
    vertical-align: middle;
    width: 17%;*/
}
.emailmonks-content:last-child{margin-left: auto;}
.emailmonks-content img{
    border-radius: 50%;
    margin:0;
}
.emailmonks-content-middle{
    margin: 0 auto;
    width: 68%;
}
.emailmonks-content-middle p{
    font-size: 15px;
    font-family: 'Lato',sans-serif;
    line-height: 1.5;
}

.emailmonks-container{
    border-radius: 100px 100px;
    background: #fed849;
    padding: 5px 5px;
    align-items: center;
}
.emailmonks-content-middle p a{
    color: #000;
    text-decoration: underline;
}
.emailmonks-content-middle p a:hover{
    text-decoration: none;
}

/* accodian style */
.set-content{display: none;}

.set-outer{ background: #ffda30;position: relative; border-bottom: 2px solid #fff;}

.set-outer.active_acc > span {
    transition: all 0.55s ease-in-out;
    height: 200px;
}
.set-outer > span {
    height: 0;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    display: block;
    background: #ffda30;
    transition: all 0.55s ease-in-out;
}
.accodian_container{
    position: relative;
    height: auto;
    width: 100%;
    background: #f1f1f1;
    
}
.accordion-container > h2{
    text-align: center;
    color: #fff;
    padding-bottom: 5px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}
.set{
    position: relative;
    width: 100%;
    height: auto;
    background-color: #ffda30;
}
.set > a{
    display: block;
    padding: 40px 65px;
    text-decoration: none;
    color: #555;
    font-weight: 600;
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.set > a i{
    margin-top: 0px;
    top: 50%;
    right: 0;
    position: absolute;
    font-size: 32px;
    transform: translateY(-50%);
    
}
.set > a.active{
    background-color:#ffda30;
    color: #fff;
}
.content{
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}
.content p{
    padding: 10px 15px;
    margin: 0;
    color: #333;
}
.step{height: 120px;width: 20%;max-width: 120px; color: black;background: #fff;border-radius: 50%;text-align: center;vertical-align: middle;padding: 15px;display: inline-block;}
.step .step_text{ margin-top: 10px; font-size: 24px; text-transform: uppercase; display: block; line-height: 1; font-weight: 900;}
.step .step_number{font-size: 50px;display: block; line-height: 1; font-weight: 900;}

.content_set{font-size: 35px;color: black;width: 79%;display: inline-block;padding-left: 65px; text-transform: uppercase; font-weight: 900; font-family: 'Lato';}
.content_set span{ display: inline-block; text-transform: none;}

/**/
.accodian_content{background: white;}
.accodian_wapper{width: 100%;max-width: 1100px;margin: 0 auto;}
.banner_img{padding-bottom: 50px;padding-top: 100px;}
.accodian_info{max-width: 970px;margin: 0 auto;}
.accodian_info p{font-size: 15px;line-height: 25px;}
.info_bold{font-size: 20px;font-weight: 900;}
.unorder_lists{position: relative; padding: 30px 0 0 0;}

.unorder_lists:before{ content: ""; position: absolute; left: -60px; top: 50px; width: 80px; height: 1px; background: #545454;}
.unorder_lists:after{ content: ""; position: absolute; left: -72px; top: 40px; width: 1px; height: 100%; background: #545454;}

.unorder_lists .bullates { position: absolute; top: 35px;padding:0; left: -90px; z-index: 2222; background: #1f1f1f; color: #fff; width: 32px; height: 32px; line-height: 30px; font-size: 21px; font-weight: 700; text-align: center; border-radius: 50%;}
.unorder_lists h4{font-size: 18px; color: #ffda30;  font-weight: 900; font-family: 'Lato'; background: #1f1f1f; position: relative; display: inline-block; vertical-align: top; padding:10px 5px; margin:0 0 30px 30px;text-transform:inherit;}
.unorder_lists h4:before { content: ""; position: absolute; top: 0; left: -15px; width: 0; height: 0; border-top: 21px solid transparent; border-right: 15px solid #1f1f1f; border-bottom: 21px solid transparent;}
.unorder_lists h4:after { content: ""; position: absolute; top: 0; right: -15px; width: 0; height: 0; border-top: 21px solid transparent; border-left: 15px solid #1f1f1f; border-bottom: 21px solid transparent;}
.unorder_lists ul{padding-left: 30px;}
.unorder_lists ul li{list-style:disc;line-height: 30px; font-size: 15px;}
.quick_words{padding-bottom: 60px; margin-top: 40px; border-top: 1px solid #545454; position: relative;}
.quick_words h4{padding: 30px 0px 0 15px;font-weight: bold;font-size: 20px; }

.quick_words:after{content: ""; width: 80px; height: 1px; background: #545454; position: absolute; top: -1px; left: -72px;}

.quick_words p{font-size: 15px;}

.table_section .current-situation-content{ padding-left: 16px;}

/**/
.understaing_info{max-width: 970px;margin: 0 auto;padding: 80px 0px 10px;}
.understaing_info p{font-size: 15px;line-height: 25px;}
.smart_content{max-width: 930px;margin: 0 auto;}
.smart_content ul{}
.smart_content ul li{list-style: none;}
.smart_content ul li h5{display: block;font-size: 45px;position: relative;z-index: 1;padding: 0 25px}
.smart_content ul li h5 b{font-weight: 800;}
.smart_content ul li h5:before {
    content: "";
    position: absolute;
    height: 25px;
    width: 260px;
    background: #ffda30;
    left: 0px;
    bottom: 0;
    z-index: -1;
}
.smart_content ul li h5:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: black;
    left: -25px;
    top: 50%;
}
.smart_content ul li .title{display: inline-block;width: 30%;}
.slogan{font-size: 15px; display: inline-block;
/*    padding: 0 25px;*/
    padding-top: 12px;
}
.specififcation{display: inline-block;width: 69%;vertical-align: top;padding-left: 8%;}
.p20{padding: 20px 0px;}
.linear{border-bottom: 1px dotted #e2e2e2;  }
.specififcation ul li{display: block;font-size: 20px;line-height: 60px;position: relative;z-index: 2;
    list-style: none;
}
.specififcation .yellow_disk{z-index: 0;list-style: none;}
.specififcation li.yellow_disk::before {
    content: '';
    height: 40px;
    width: 40px;
    background-color: #ffda30;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    margin-right: -30px;
}


/*objectives*/
.objectives{max-width: 970px;margin: 0 auto;text-align: center;
    padding-top: 71px;
}
.objectives h4{font-size: 20px;text-align: center;}
.title_h4{
    font-weight: bold;color:#ffda30;background: #1f1f1f;display: inline-block;
    position: relative;
    line-height: 45px;
}
.title_h4::after{
    
    content: '';
    position: absolute;
    background: url(https://email.uplers.com/infographics/email-marketing-strategy/images/left_arrow.png);
    background-repeat: no-repeat;
    left: -14px;
    top: 0px;
    background-size: contain;
    height: 44px;
    /* width: 100%; */
    width: 16px;
}
.title_h4::before{
    content: '';
    position: absolute;
    background: url(https://email.uplers.com/infographics/email-marketing-strategy/images/right_arrow.png);
    background-repeat: no-repeat;
    right: -21px;
    top: 0px;
    background-size: contain;
    height: 100%;
    width: 21px;
}
.objectives ul{padding-bottom: 50px;border-bottom: 1px solid #000;margin-top: -25px;}
.objectives ul li:nth-child(odd){background:#ededed }
.objectives ul li:nth-child(even){background:#f6f6f6 }
.objectives ul li{font-size: 0px;text-align: left;}
.objectives ul li .logo{    display: inline-block;
    width: 24%;
    padding: 15px 25px 15px 70px;
    vertical-align: middle;}
.objectives ul li .info{display: inline-block;width: 70%;vertical-align: middle;font-style: italic;    position: inherit; 
     right: inherit; 
     top: inherit; 
}
.objectives ul li .info p{font-weight:700;line-height:25px;font-size:17px;font-style: italic;}
.objectives ul li:first-child {padding-top: 30px;}
/*aims*/
.aims{padding: 50px 0px;max-width: 970px;margin: 0 auto;}
.aims h4{font-size: 25px;}
.aims p{font-size: 15px;line-height: 25px;padding: 30px 0px;}
.aims ul{padding-bottom: 20px; margin-left: 20px;}
.aims ul li{list-style: disc;line-height: 25px;font-size: 15px;padding-bottom:10px;}
.aims h3{font-size: 24px;font-weight: bold;padding: 20px 0px;}
.aims ol{font-size: 0px;}
.aims ol li{width: 50%;display: inline-block;font-size: 15px;padding: 10px 0;}
.example{padding: 30px 0px;font-size: 18px;font-weight: 800;}
.heading p{padding: 0px;}
.building_objectives h6{padding: 25px 0px;font-size: 20px;font-weight: 800;}
.building_objectives {border-bottom: 1px solid black;}
.building_objectives ol{}
.building_objectives ol li{width: 100%;margin-bottom: 25px;line-height: 25px;padding: 0px; color: #686868;}
.building_objectives ol li b{ color: #000;}
.red{color: red;font-weight: 800;font-size: 20px;}
/*case stydy*/
.case_study{border-bottom: 1px solid black;}

.case_study ul{padding-top: 20px;}
.case_study ul li{ margin-bottom: 10px; }

.case_study span{display: block;}
.case_study img{padding:50px 0px;}
.case_study span{padding:25px 0px 0;}
.case_study p{padding:0 0 35px 0;}
.foucs {text-align: center;}
.foucs h6{font-size:19px;padding:40px 0px; text-align: left;}
.foucs span{font-size:15px;line-height:25px;display:block; text-align: left;}
.foucs .title_h4{font-size:25px;display :inline-block;margin: 40px 0px;}
.e_object{display:block;}
.email_object{display:inline-block;width:32%;vertical-align: top;background:#ffda30;border-radius:50%;height: 322px;text-align:center;padding: 60px 38px;}
.mr15{margin:0 15px}
.email_object span{padding:0px;font-size:24px;font-weight: 800;padding-bottom:17px;display:block; text-align: center;}
.email_object p{padding:0px;font-size:16px;}




.challenge-txt{ font-size: 20px; font-weight: 400; font-style: italic;}


/* New Css Start Here
===================================================*/

.align-center{text-align: center;}


.set > a i.fa-plus:before{ content: ""; width: 26px; height: 26px; background: url(https://email.uplers.com/infographics/email-marketing-strategy/images/pluse.svg) no-repeat 0 0; background-size: cover; display: block;}
.active_acc .set > a i.fa-plus:before{ content: ""; background: url(https://email.uplers.com/infographics/email-marketing-strategy/images/minus.svg) no-repeat 0 0; background-size: cover;}

.crm{ font-size: 17px; }


.display-flex{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap;}
.col-6{ width: 50%;}

.inner-content{ margin: 0 auto; max-width: 980px; width: 100%;}
.inner-content h2{font-weight: 900; font-family: 'Lato'; color: #000; font-size: 20px; padding: 0; margin-bottom: 25px; line-height: 1.2;}
.inner-content p{ font-size: 15px; font-family: 'Lato'; color: #000; font-weight: 400; padding: 0; margin-bottom: 25px; line-height: 1.8;}
.inner-content p strong{ font-weight: 900; font-size: 20px;}

.text-box-3{ padding: 75px 0  30px 0; border-bottom: 1px solid #adadad; }

.implement-sec{ text-align: center; padding: 50px 0 25px;}
.implement-sec .title{ margin: 0 auto; display: inline-block; background: #1f1f1f; position: relative; margin-bottom: 30px;}
.implement-sec .title:before{content: "";position: absolute; top: 0; left: -15px; width: 0; height: 0; border-top: 21px solid transparent; border-right: 15px solid #1f1f1f; border-bottom: 21px solid transparent; }
.implement-sec .title:after{ content: ""; position: absolute; top: 0; right: -15px; width: 0; height: 0; border-top: 21px solid transparent; border-left: 15px solid #1f1f1f; border-bottom: 21px solid transparent;}
.implement-sec .title h2{ color: #ffda30; font-size: 25px; margin: 0; padding: 5px 5px 7px; }
.implement-sec .title h2 span{ display: inline-block; color: #fff;}

.stp-sec{ background: #f3f3f3; padding: 35px 30px; margin-bottom: 45px;}
.stp-sec p{ padding-left: 60px; position: relative; text-align: left; line-height: 1.6;}
.stp-sec p strong{ font-weight: 900; font-size: 20px;}
.stp-sec p span{ position: absolute; left: 0; top: 5px; font-size: 78px; color: #f6ce3d; font-family: 'Bebas Neue'; display: block; line-height: 1;}
.stp-sec p:last-child{padding-top: 22px;}

.five-layers{}

.customer-profile{}
.five-layers h2{ font-size: 20px; font-weight: 400;}
.five-layers h2 strong{ font-weight: 900;/* font-style: italic;*/}
.five-layers .customer-profile h2{ font-style: italic;}

.img-block{ display: block; text-align: center; margin-bottom: 20px; }
.img-block .img{ display: inline-block; vertical-align: top; margin: 0 20px 20px;}

.customer-value{}
.customer-value .customer-value-list{ padding: 40px 0 0;}
.customer-value .customer-value-holder{ background: #ffda30; display: block; text-align: center; padding: 0px 30px 5px; margin:0 30px 40px 30px; position: relative;}
.customer-value .customer-value-holder .title{ margin: 0 auto; position: absolute; top: -20px; left: 0; right: 0; display: inline-block; background: #1f1f1f; position: relative; }
.customer-value .customer-value-holder .title:before{content: "";position: absolute; top: 0; left: -15px; width: 0; height: 0; border-top: 21px solid transparent; border-right: 15px solid #1f1f1f; border-bottom: 21px solid transparent; }
.customer-value .customer-value-holder .title:after{ content: ""; position: absolute; top: 0; right: -15px; width: 0; height: 0; border-top: 21px solid transparent; border-left: 15px solid #1f1f1f; border-bottom: 21px solid transparent;}
.customer-value .customer-value-holder .title h2{ margin-bottom: 0; color: #ffda30; font-size: 18px; font-weight: 900; font-style: normal; padding: 10px 5px 11px;}

.customer-lifecycle{}

.customer-behaviour{}
.customer-behaviour .display-flex {margin-bottom: 30px;}
.customer-behaviour .display-flex p{padding-right: 50px;}

.behaviour-small-cont{ /*max-width: 680px; */ margin: 0 auto; width: 100%;}
.behaviour-small-cont .testimonial{ width: 100%; background: #ffda30; padding: 20px 35px; border-radius: 8px; text-align: center; max-width:600px;margin:0 auto 40px;}
.behaviour-small-cont .testimonial p{ font-style: italic; font-weight: 700; color: #000; font-size: 18px; margin-bottom: 15px;}
.behaviour-small-cont .testimonial em{ font-size: 15px; font-weight: 400; font-family: 'Lato'; }
.behaviour-small-cont p strong{ font-size: 16px; font-weight: 900;font-style:italic}
.behaviour-small-cont ul{ padding: 0 0 0 20px; margin: 0;}
.behaviour-small-cont ul li{ list-style: disc; margin-bottom: 20px;}
.behaviour-small-cont .happy-birthday{margin-bottom: 30px;}
.customer-lifecycle{margin-bottom: 30px;}

.two-img{margin: 0 20px 30px 0; display: inline-block; vertical-align: top;}

.harnessign-customer{ border-top: 1px solid #a5a5a5; padding: 50px 0 0; }
.harnessign-customer .title{ margin: 20px auto; position: absolute; top: -20px; left: 0; right: 0; display: inline-block; background: #1f1f1f; position: relative; }
.harnessign-customer .title:before{content: "";position: absolute; top: 0; left: -15px; width: 0; height: 0; border-top: 21px solid transparent; border-right: 15px solid #1f1f1f; border-bottom: 21px solid transparent; }
.harnessign-customer .title:after{ content: ""; position: absolute; top: 0; right: -15px; width: 0; height: 0; border-top: 21px solid transparent; border-left: 15px solid #1f1f1f; border-bottom: 21px solid transparent;}
.harnessign-customer .title h2{ margin-bottom: 0; color: #ffda30; font-size: 18px; font-weight: 900; font-style: normal; padding: 10px 5px 11px;}

.title.big-txt h2{ font-size: 25px;}
.title.big-txt:before{border-top: 25px solid transparent; border-right: 15px solid #1f1f1f; border-bottom: 25px solid transparent;}
.title.big-txt:after{border-top: 25px solid transparent; border-left: 15px solid #1f1f1f; border-bottom: 25px solid transparent;}

.customer-personas{ display: block; margin: 0px 0 30px;}

.ul-li-list{margin: 0; padding: 0;}

.ul-li-list{ margin: 0 0 20px 10px;}
.ul-li-list li{ float: left; width: 33.33%; margin-bottom: 10px; list-style: disc; padding-right: 10px;}

.questions-consider{}
.questions-consider img{ width: 100%;}

.ol-li-list-3{background: #ffda30; padding: 20px 20px; margin-bottom: 30px;}
.ol-li-list-3 p{ margin-bottom: 20px;}
.ol-li-list-3 ol{ margin: 0 0 0 20px; padding: 0;}
.ol-li-list-3 ol li{ width: 50%; float: left; list-style: decimal; margin: 0 0 10px 0; font-weight: 700; font-family: 'Lato'; color: #000; font-size: 16px;}

.table-img{display: block; text-align: center; margin: 30px 0;}

.few-things{ padding-top: 30px; border-top: 1px solid #adadad; margin-top: 30px;}
.few-things .title h2{ font-size: 25px;}
.few-things .title:before{ border-top: 25px solid transparent; border-right: 15px solid #1f1f1f; border-bottom: 25px solid transparent;}
.few-things .title:after{ border-top: 25px solid transparent; border-left: 15px solid #1f1f1f; border-bottom: 25px solid transparent;}
.few-things p strong{ font-size: 18px;}
.few-things p strong span{ font-size: 15px;}


.tagging .title h2{ font-size: 25px;}
.tagging .title:before{ border-top: 25px solid transparent; border-right: 15px solid #1f1f1f; border-bottom: 25px solid transparent;}
.tagging .title:after{ border-top: 25px solid transparent; border-left: 15px solid #1f1f1f; border-bottom: 25px solid transparent;}
.tagging p strong{ font-size: 18px;}

.tagging{ padding: 50px 0 50px; border-top: 1px solid #adadad; margin-top: 50px;}
.tagging-intro{ max-width: 860px; width: 100%; margin: 0 auto 30px; text-align: center;}
.tagging-intro .box{ background: #ffda30; padding: 20px 20px; border-radius: 15px;}
.tagging-intro .box p{ margin: 0; font-size: 18px; font-weight: 900; font-style: italic;}
 

.few-things-img{margin-bottom: 30px; display: block;}

.using-technique{ margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #8e8e8e;}
.using-technique .technique-inner{ background: #f3f3f3; }
.using-technique h3{ background: #fed849; font-size: 16px; font-weight: 900; font-family: 'Lato'; color: #000;  padding: 10px 10px;}
.using-technique p{ margin: 0; padding: 10px 10px;}

.table{padding: 20px 0 0;}
table {font-family: 'Lato'; color: #000; border-collapse: collapse; width: 100%;}
td, th { border: 1px solid #000; text-align: left;padding: 12px; width: 20%;}
tr:nth-child(even) { background-color: #dddddd;}
.table table td, .table table th { text-align: left; padding: 12px; width: 20%; border: 1px solid #000;}

/* Accodian-4 */
.sec-4-content{ padding: 90px 0 0px 0;}
.sec-4-content .inner-content h2{font-weight: 900; font-family: 'Lato'; color: #000; font-size: 25px; padding: 0; margin-bottom: 25px; line-height: 1.2;}
.sec-4-content .subject-line{ margin-bottom: 40px;}
.sec-4-content .ul-li-list{ margin: 0 0 20px 20px; padding: 0; clear: both; display: table; width: 100%;}
.sec-4-content .ul-li-list li{ margin-right: 40px; font-weight: 700;font-family: 'Lato'; color: #000; font-size: 15px; float: left; list-style: disc; width: auto;}

.sec-4-content .yellow-box{margin: 0 40px 35px; padding: 30px 40px;  display: block; background: #ffda30; border-radius: 8px; }
.sec-4-content .yellow-box p{font-weight: 700;font-family: 'Lato'; color: #000; font-size: 18px; font-style: italic; text-align: center; margin: 0;}

.sec-4-content .easyjet{ border-top: 1px solid #adadad; padding: 40px 0 0; display: block; margin: 20px 0 0px;}
.sec-4-content .easyjet .title-img{margin-bottom: 30px;}
.sec-4-content .easyjet h3{ color: #ff6600; margin-bottom: 30px; font-family: 'Lato'; font-weight: 900;}
.sec-4-content .how-20-years{margin: 0px auto 30px; display: block; text-align: center; }

.sec-4-content .listing-sec{ padding: 40px 0 0; margin-top: 40px; border-top: 1px solid #adadad;}
.sec-4-content .list-title{ margin: 0 auto; display: inline-block; background: #1f1f1f; position: relative; margin-bottom: 0px;}
.sec-4-content .list-title:before{content: "";position: absolute; top: 0; left: -15px; width: 0; height: 0; border-top: 21px solid transparent; border-right: 15px solid #1f1f1f; border-bottom: 21px solid transparent; }
.sec-4-content .list-title:after{ content: ""; position: absolute; top: 0; right: -15px; width: 0; height: 0; border-top: 21px solid transparent; border-left: 15px solid #1f1f1f; border-bottom: 21px solid transparent;}
.sec-4-content .list-title h2{ color: #ffda30; font-size: 25px; margin: 0; padding: 5px 5px 7px; }
.sec-4-content .list-title h2 span{ display: inline-block; color: #fff;}

.sec-4-content .ol-li-list{}
.sec-4-content .ol-li-list ol{}
.sec-4-content .ol-li-list ol li{margin: 2em 0;padding-top: 1em;display: block;position: relative; counter-increment: inst;}
.sec-4-content .ol-li-list ol li:after{content: counter(inst); display: block; border-radius: 50%; background: #1f1f1f; color: #fff; text-align: center;font-weight: 700;font-family: 'Lato';  position: absolute; left: -135px; top: 15px; font-size: 21px; width: 32px; height: 32px; line-height: 28px; }
.sec-4-content .ol-li-list ol li:before{ content: ""; background: #1f1f1f; width: 1px; height: 100%; display: block; position: absolute; top: 44px; left: -120px;}
.sec-4-content .ol-li-list ol li:last-child:before{ display: none;}

.sec-4-content .ol-li-list ol li h2:before{ content: ""; background: #1f1f1f; width: 46px; height: 1px; display: block; position: absolute; top: 30px; left: -104px;}
.sec-4-content .left-right-col{ display: table; clear: both;}
.sec-4-content .left-right-col .left-col{float: left; width: 40%; padding-right: 50px;}
.sec-4-content .left-right-col .right-col{float: left;}

.sec-4-content .inner-content p strong{ font-size: 15px;}

.thigstoavoid{ border-top: 1px solid #adadad; padding: 40px 0 0; margin-top: 10px;}
.thigstoavoid figure{ margin-bottom: 20px; display: block;}

.thigstoavoid-text{ display: inline-block; vertical-align: top;}
.thigstoavoid-img{ display: inline-block; vertical-align: top; margin: 0px 0 20px 30px;}

.bragging{ padding: 0px 0 50px;}


/* Accodian-5 */
.sec-5-content{ padding: 90px 0 50px 0;}
.sec-5-content .intro-txt { border-bottom: 1px solid #8e8e8e; margin-bottom: 0px;}
.sec-5-content .intro-txt h2{ font-style: italic;}
.sec-5-content .intro-txt strong{ display: block; font-weight: 700;}
.sec-5-content .intro-txt ul{ margin: 0 0 20px 20px; padding: 0 ; clear: both; display: table;}
.sec-5-content .intro-txt ul li{ list-style: disc; float: left; margin-right: 35px; margin-bottom: 10px;}
.sec-5-content .intro-txt .tools-like{ display: block; text-align: center; margin-bottom: 40px;}

.list-col{ padding-top: 50px;}
.list-col .block{}
.list-col .block{}
.sec-5-content .list-col .block .list-title{ margin: 0 auto; display: inline-block; background: #1f1f1f; position: relative; margin-bottom: 30px;}
.sec-5-content .list-col .block .list-title:before{content: "";position: absolute; top: 0; left: -15px; width: 0; height: 0; border-top: 21px solid transparent; border-right: 15px solid #1f1f1f; border-bottom: 21px solid transparent; }
.sec-5-content .list-col .block .list-title:after{ content: ""; position: absolute; top: 0; right: -15px; width: 0; height: 0; border-top: 21px solid transparent; border-left: 15px solid #1f1f1f; border-bottom: 21px solid transparent;}
.sec-5-content .list-col .block .list-title h2{ color: #ffda30; font-size: 25px; margin: 0; padding: 5px 5px 7px; }

.sec-5-content .list-inner{ clear: both; display: table; margin-bottom: 30px;}
.sec-5-content .list-inner .text{ float: left; width: 75%;}
.sec-5-content .list-inner .image{ float: right; width: 25%; padding-left: 30px;  display: block; text-align: center;}
.sec-5-content .list-inner:nth-child(odd) .text{ float: right; text-align: right;} 
.sec-5-content .list-inner:nth-child(odd) .image{float: left; width: 25%; padding-left: 0px; padding-right: 30px;} 

.sec-5-content .list-inner .text h2{ font-size: 25px;}

.sec-5-content .bottom-sec-list{}
.sec-5-content .bottom-sec-list .holder{ border-top: 1px solid #8e8e8e; padding: 40px 0 30px;}
.sec-5-content .bottom-sec-list .list-title{ margin: 0 auto; display: inline-block; background: #1f1f1f; position: relative; margin-bottom: 30px;}
.sec-5-content .bottom-sec-list .list-title:before{content: "";position: absolute; top: 0; left: -15px; width: 0; height: 0; border-top: 21px solid transparent; border-right: 15px solid #1f1f1f; border-bottom: 21px solid transparent; }
.sec-5-content .bottom-sec-list .list-title:after{ content: ""; position: absolute; top: 0; right: -15px; width: 0; height: 0; border-top: 21px solid transparent; border-left: 15px solid #1f1f1f; border-bottom: 21px solid transparent;}
.sec-5-content .bottom-sec-list .list-title h2{ color: #ffda30; font-size: 25px; margin: 0; padding: 5px 5px 7px; }

.sec-5-content .bottom-sec-list ul{ margin: 0 0 0 20px; padding: 0;}
.sec-5-content .bottom-sec-list ul li{ list-style: disc; margin-bottom: 10px; font-weight: 700;font-family: 'Lato'; color: #000; font-size: 17px;}
.sec-5-content .bottom-sec-list ul li p{ margin-top: 20px;}
.sec-5-content .bottom-sec-list ul li span{ display: inline-block; font-size: 15px; font-weight: 400;}
.sec-5-content .bottom-sec-list ul li strong{ font-weight: 900;}

.sec-5-content .bottom-sec-list ol{}
.sec-5-content .bottom-sec-list ol li{margin: 0;padding-top: 1em;display: block;position: relative; counter-increment: inst;}
.sec-5-content .bottom-sec-list ol li:after{content: counter(inst); display: block; font-weight: 700;font-family: 'Lato'; border-radius: 50%; background: #1f1f1f; color: #fff; text-align: center;font-weight: 700;font-family: 'Lato';  position: absolute; left: -90px; top: 18px; font-size: 16px; width: 23px; height: 23px; line-height: 20px; }
.sec-5-content .bottom-sec-list ol li:before{ content: ""; width: 2px; height: 100%; background: #1f1f1f; position: absolute; left: -80px; top: 38px;}
.sec-5-content .bottom-sec-list ol li:last-child:before{ display: none;}
.sec-5-content .bottom-sec-list ol li h2:after{content: ""; width: 60px; height: 1px; background: #1f1f1f; position: absolute; left: -90px; top: 30px;}

.sec-5-content .bottom-sec-list ol li h2{ margin-bottom: 20px;}

.sec-5-content .bottom-sec-list ol li p{ margin-bottom: 20px;}

.email-deliverability{ padding-bottom: 20px;}
.email-deliverability .sub-title{ margin: 0 auto; display: inline-block;  position: relative; margin-bottom: 6px;}
.email-deliverability .sub-title:before{content: "";position: absolute; top: 0; left: -15px; width: 0; height: 0; border-top: 21px solid transparent; border-right: 15px solid #1f1f1f; border-bottom: 21px solid transparent; }
.email-deliverability .sub-title:after{ content: ""; position: absolute; top: 0; right: -15px; width: 0; height: 0; border-top: 21px solid transparent; border-left: 15px solid #1f1f1f; border-bottom: 21px solid transparent;}
.email-deliverability .sub-title span{ font-weight: 700;font-family: 'Lato'; background: #1f1f1f;  color: #ffda30; font-size: 22px; margin: 0; padding: 7px 5px 9px; display: block;}

.email-deliverability .title{ margin: 0 auto; display: inline-block; background: #1f1f1f; position: relative; margin-bottom: 30px;}
.email-deliverability .title:before{content: "";position: absolute; top: 0; left: -15px; width: 0; height: 0; border-top: 25px solid transparent; border-right: 15px solid #1f1f1f; border-bottom: 25px solid transparent; }
.email-deliverability .title:after{ content: ""; position: absolute; top: 0; right: -15px; width: 0; height: 0; border-top: 25px solid transparent; border-left: 15px solid #1f1f1f; border-bottom: 25px solid transparent;}
.sec-5-content .email-deliverability .title h2{ font-weight: 700;font-family: 'Lato';  color: #ffda30; font-size: 42px; margin: 0; padding: 0px 5px 2px; }

.email-deliverability .email-deliverability-txt{ width: 50%; padding: 60px 60px 0 0;}
.email-deliverability .email-deliverability-img{ width: 50%;}

.sec-5-ol-li-list{}




.go-up {background-size: cover; bottom: 5px; cursor: pointer;line-height: 1; position: fixed; right: 20px; bottom: -60px; text-align: center; z-index: 999; transition: all 0.5s ease-in-out; color: #fff; font-weight: 700;font-family: 'Lato'; font-size: 15px; padding:0; width: 40px; height: 40px; border: 3px solid #000; border-radius: 50%; line-height: 28px; margin-bottom: 70px; background: #ffda30;
-webkit-box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, 0.6);
    -moz-box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, 0.6);
    box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, 0.6);
}
.go-up img { padding-top: 14px; max-width: 12px;}
.go-up:hover { transition: all 0.3s ease-in-out; /*background-color: #ffda30; height: 50px;*/ }

/* New Css End Here
===================================================*/


/*12-02-2019*/

.inner-strategy li {margin-bottom: 8px;}
.sub_nav li {margin-bottom: 8px;}
.unorder_lists span {display: block;padding: 0 15px;font-size:15px;}
.table_section {padding-top: 20px;}
.implement-sec.inner-tab p {text-align: left;}
.customer-lifecycle h2 strong {font-style: italic;}
.customer-behaviour h2 strong {font-style: italic;}
.top-content p {
    text-align: center;
}
.image-sec {
    max-width: 670px;
    margin: 0 auto;
    padding-left: 45px;
}
figure.customer-lifecycle img {
    width: 100%;
}
.harnessign-customer.inner-tab h6 {
    font-size: 20px;
    padding-bottom: 22px;
    font-weight: 400;
}

.subscribe-form {
    display: inline-block !important;
    margin: 0 !important;
    float: none !important;
    width: auto !important;
}

.subscribe-form .btn {
    font-size: inherit !important;
    font-family: inherit !important;
    background: inherit !important;
    line-height: inherit !important;
}

footer ul.social-listing li i{    line-height: 38px;}
#footer-main {
    background: #f3f3f3 !important;
    width: 100%;
    padding-top: 100px;
    float: none !important;
}