/* bootstrap reset */
html { -ms-overflow-style: scrollbar;}
body{ font-family:effra, sans-serif; }
html.video { background:none; }
.form-control { border-radius: 0px; box-shadow: none; border: solid 1px #dcdbdb; height: 28px; padding: 3px 10px; }
.btn { border-radius: 0px; line-height: 100%; transition: all .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; }
.btn-default { background: #e12826; color: #fff; border: none; font-size: 16px; }
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #fff; background: #2f358f; }
.btn-blue, .search-form .search-submit { background: #2f358f; padding: 13px 14px; transition: all .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; color: #fff; }
.btn-blue:hover, .search-form .search-submit:hover { background: #e12826; }
.btn-ghost {
border: 1px solid #2f358f;
color: #2f358f;
font-size: 14px;
text-transform: uppercase;
padding: 15px 14px 13px;
font-weight: bold;
white-space: normal;
line-height: 19px;
}
.btn-ghost:hover { background: #2f358f }
.form-control:focus { box-shadow: none; border-color: #dcdbdb; }
* { margin: 0px; padding: 0; box-sizing: border-box; }
ul, ol, h1, h2, h3, h4, h5, h6 { margin: 0px; }
a, a:hover, a:focus, :focus { outline: none; text-decoration: none; }
li { list-style: none; }
input,textarea,img { border: none; outline:none; border-radius:0px; }
.clear { clear: both; }
::placeholder { opacity:1; color:#4d4d4e; }
::-webkit-input-placeholder { color:#4d4d4e;}
::-moz-placeholder{ opacity:1; color:#4d4d4e; }
::-ms-placeholder{ opacity:1; color:#4d4d4e; }
::-webkit-placeholder{ opacity:1; color:#4d4d4e; }
::-moz-placeholder {opacity:1; color:#4d4d4e; }
/*input { font-size:16px; height:28px; border:solid 1px #dcdbdb; padding:0 10px; display:inline-block;}*/
.btn:hover, .btn:focus, .btn.focus { color:#fff; outline:none; }
.btn-ghost:focus { color: #2f358f }
.quick-info { border-bottom: #ebebeb solid 1px; text-align: right; padding:15px 0 11px; background:#fff; }
.quick-info p { display: inline-block; font-size: 25px; color: #2f358f; padding: 0 10px; margin: 0px; vertical-align: middle; font-weight:normal; }
.quick-info p span { color: #e12826; font-size: 20px; }
.quick-info p a,.quick-info p a:focus { color:#2f358f; }
.quick-info .serchbox { display: inline-block; vertical-align: middle; margin:2px 10px 0; width:170px; }
.quick-info .serchbox .search-input { width:142px; float:left; font-size:16px; font-weight:100;}
.quick-info .serchbox .search-button { width: 28px; height: 28px; display: inline-block; float:left}
.search-icon { position: absolute; /*top: 15px;*/ top:14px; right: 30px; display: none; }
.search-icon a.mobile-search { /*background: url(../images/search-icon.png) no-repeat;*/ width: 37px; height: 37px; background-size: 37px; display: inline-block; float: right }
.form-group .fa { transform:translate(-5px, 0px); -moz-transform:translate(-5px, 0px); -ms-transform:translate(-5px, 0px); -o-transform:translate(-5px, 0px); -webkit-transform:translate(-5px, 0px) }
/*21-8-2015*/
.search-icon a.mobile-search { font-size:40px; color:#000; }
.search-icon a.mobile-search i { vertical-align:top; transform: rotate(-91deg); -ms-transform: rotate(-91deg); -webkit-transform: rotate(-91deg); -moz-transform: rotate(-91deg); -o-transform: rotate(-91deg); }
.search-icon .serchbox.info-box {display:none;box-shadow:0 8px 10px rgba(0, 0, 0, 0.2); text-align:center; background:#f4f6f5; padding:0px 0; }
.info-box div span, .info-box div p { display:inline-block; }
.serchbox.info-box div:last-child p { padding-left: 32px; }
.info-box div { font-size:40px; color:#4d4d4f; margin:0 10%; padding:14px 0; border-bottom:1px solid #e2261d; }
.info-box div:last-child { border:none; }
.info-box div p a { color:#4c4e4d; font-weight:100; }
.info-box div span { font-weight:bold; padding-right:20px; }
.login-btn { text-transform: uppercase; margin-left:6px; padding:6px 20px; margin-top:2px; font-weight:500;}
.logo { width: 210px; height: auto; }
.logo a { display: block; line-height: 63px; }
.logo img { width: 100%; height: auto; }
/* change header 16-7-2015 */
.main-area { margin-top: 126px; }
.site-header, .stk-header .site-header { position: fixed; top: 0; width: 100%; z-index: 999; }
/* end change header 16-7-2015 */
.site-header.sticky-header .nav-block { background: #fff; position: relative; top: 0; width: 100%; z-index:8000; }
.nav-block { border-bottom: #ebebeb solid 1px; position: relative; background:#fff; }
.menu-toggle { display: none; background: url(../images/mobile-nav-bg.png) no-repeat; width: 29px; height: 21px; margin: 0px; padding: 0px; border: none; font-size: 0px; }
.close-icon, .menu-title { display: none; }
.nav-block .row > div { position: static; }
.top-navigation ul { list-style: none; margin: 0px; float: right; position:relative }
.top-navigation ul.menu > li { display: inline-block; }
.top-navigation ul.menu > li { padding:0; float:left; position:relative }
.top-navigation ul.menu > li > a { display: block; line-height: 28px; padding-bottom: 16px; margin-top:14px; padding-top:4px; }
.top-navigation ul.menu > li > a span { line-height: 28px; font-size: 15px; text-transform: uppercase; color: #4d4d4e; padding: 0 15px; display: inline-block; vertical-align: middle; font-size: 14px; }
.top-navigation ul.menu > li:hover > a { background:rgba(243,246,245,1); color:#e12826; -webkit-box-shadow: -5px 12px 7px rgba(0,0,0,.17); -ms--webkit-box-shadow: -5px 12px 7px rgba(0,0,0,.17); -o--webkit-box-shadow: -5px 12px 7px rgba(0,0,0,.17); -moz-box-shadow: -5px 12px 7px rgba(0,0,0,.17); box-shadow: -5px 12px 7px rgba(0,0,0,.17);}
.top-navigation ul.menu > li:hover > a span,.top-navigation ul.menu > li.current-menu-item > a > span, .top-navigation ul.menu > li.current-menu-parent > a > span{ text-decoration: none; /*background:#f3f6f5;*/ color:#e12826;}
.top-navigation ul.menu li.get-started-menu a span { background: #2e3192; color: #fff; }
.top-navigation ul.sub-menu { position: absolute; left: 0; width: 270px; background: #f3f6f5; text-align: center; /*top: 0;visibility: hidden; opacity: 0; transition: all .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transform: translateY(1px); -moz-transform: translateY(1px); -ms-transform: translateY(1px); -o-transform: translateY(1px); -webkit-transform: translateY(1px);box-shadow: -4px 9px 4px rgba(79, 60, 42, 0.35); */
-webkit-box-shadow: -5px 12px 7px rgba(0,0,0,.17); -moz-box-shadow: -5px 12px 7px rgba(0,0,0,.17); box-shadow: -5px 12px 7px rgba(0,0,0,.17); z-index:99; display:none; border:none; margin:0px; padding-top:10px; padding-bottom:13px; overflow:hidden; }
/*.top-navigation ul.menu > li:hover ul { opacity: 1; visibility: visible; top:100%; }*/
.top-navigation ul.menu > li:last-child ul.sub-menu { right:0; left:auto; }
.top-navigation ul.sub-menu li { display: block; font-weight:300}
.top-navigation ul.sub-menu li a {display: block; line-height:41px; padding: 0 19px; border-left: none; text-align:left; }
.top-navigation ul.sub-menu li:last-child a { border-right: none}
.top-navigation ul.sub-menu li a span { line-height: 28px; font-size: 18px; color: #4d4d4e; padding: 0; display: inline-block; }
.top-navigation ul.sub-menu li:hover a span, .top-navigation ul.sub-menu li.current-menu-item a span { border-bottom: solid 2px #e12826; }
.floting-cta { float: right; transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); margin: 0px 0 0 0; padding: 0px; position: fixed; top: 280px; right: -73px; right: -76px\9; cursor: pointer; z-index: 99 }
#get-started,
#get-started-head,
#get-started-exit { display: none; }
.fancybox-overlay #get-started,
.fancybox-overlay #get-started-exit,
.fancybox-overlay #get-started-head { display: block; }
.top-btn { float: right; color:#fff; padding:0; margin-top:19px;}
.top-btn a{ color:#fff; padding:6px 14px; display:inline-block;}
.desktop-btn { display:inline-block; margin-left:20px }
.mobile-btn { display:none; }
.mobile-btn .btn-red{
transition: all .2s linear;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
background: #e12826;
margin-left:10px;
}
.mobile-btn .btn-red:hover{
background: #2f358f;
}
/*------------------------------------------------------------------------------------------------------
Banner Section
--------------------------------------------------------------------------------------------------*/
.banner-section { width: 100%; margin: 0px; padding: 113px 0 0 0; /*background: url(../images/banner-bg.jpg) no-repeat;*/ background-repeat:no-repeat; background-position:0 -62px; overflow:hidden; /*height:610px;*/ background-size:cover; }
.home-top-bxslider .bx-wrapper { position: relative; }
.home-top-bxslider > .bxslider { opacity:0 }
.banner-section .container{ width:100%; max-width:1300px;}
.bx-wrapper .bx-viewport ul.bxslider li img { float: right; max-width: 583px; width: 100%; }
.bx-controls-direction { display: none; }
.home-top-bxslider .bx-controls-direction { display:block; position:absolute; top:50%; width:100%; transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.bx-controls { text-align: center; display: none; }
.banner-section .bx-controls { bottom: 25px; display: block;/* position: relative;*/ vertical-align: top; z-index:99 }
.home-top-bxslider .bx-controls-direction a { position:absolute; font-size:0; line-height:0px; top:50%; transition:all 0.2s linear 0s; -moz-transition:all 0.2s linear 0s; -ms-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; -webkit-transition:all 0.2s linear 0s; }
.home-top-bxslider .bx-controls-direction a.bx-prev { left:10%; top:0; opacity:0.20; }
.home-top-bxslider .bx-controls-direction a.bx-prev:after { content:"\e257"; font-family: 'Glyphicons Halflings'; font-size:65px; color:#fff; }
.home-top-bxslider .bx-controls-direction a.bx-next {right:10%; top:0; opacity:0.20;}
.home-top-bxslider .bx-controls-direction a.bx-next:after { content:"\e258"; font-family: 'Glyphicons Halflings'; font-size:65px; color:#fff; }
.home-top-bxslider .bx-controls-direction.fixed-slide a.bx-prev:after, .home-top-bxslider .bx-controls-direction.fixed-slide a.bx-next:after { color:#000; }
.bx-pager .bx-pager-item { text-align: center; display: inline-block }
.bx-pager .bx-pager-item a { vertical-align:middle; background:#D9D9D9; border:none; margin: 0px 10px; padding: 8px; font-size: 0px; line-height: 0px; transition:all 0.2s linear 0s; -moz-transition:all 0.2s linear 0s; -ms-transition:all 0.2s linear 0s; -webkit-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; }
.bx-pager .bx-pager-item a:hover, .bx-pager .bx-pager-item a.active { background:#9B9A9A; }
.slider-description { margin: 0px; padding: 35px 0 0 0; }
.slider-description h1 { font-size:48px; font-weight: normal; color: #fff; margin: 0px; padding: 0px 0 50px 0; background: url(../images/bottom-strip-white.png) no-repeat left bottom; background-size: 282px auto; }
.slider-description p { font-size: 30px; color: #fff; margin: 0px; padding: 28px 0 34px 0; font-weight:normal }
.slider-description a, a.start-btn, .floting-cta a.start-btn, .careers-video-btn a { background: #2f358f; margin: 0px 11px 0 0; padding: 8px 20px; text-transform: uppercase; font-size: 20px; color: #fff; font-weight: 500; border: 5px solid #fff; transition: all .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; }
.floting-cta a.start-btn { padding:5px 20px; }
.slider-description a i.play-icon { margin: 0px; padding: 0px 16px 0 0; }
.slider-description a:hover, a.start-btn:hover { background: #e12826; border-color: #fff }
/* ---------------------------------------------------------------------------------------------------
Three Coll Section
----------------------------------------------------------------------------------------------------*/
.three-coll-section { margin: 0px; padding: 59px 0 58px 0; }
.three-coll-section .block-title { margin-bottom: 63px; }
.block-title { margin: 0px; padding: 0px; text-align: center; }
.block-title h2 { margin: 0px; padding: 0px 0 27px 0; color: #4d4d4e; font-size: 40px; font-weight: 100; background: url(../images/bottom-strip-red.png) no-repeat bottom; background-size: 311px auto; line-height: normal }
.block-title h2 strong { font-weight: normal; }
.block-one { margin: 0px; padding: 27px 20px 0; /*overflow: hidden;*/ }
/*.block-one:after, .block-one:before { background: #e12826; content: ""; float: right; height: 50%; position: absolute; width:6px; right:0px; opacity:0;}
.block-one:after{ top:-5px; -moz-transform: rotate(-12deg) translateX(-50px); -ms-transform: rotate(-12deg) translateX(-50px); -o-transform: rotate(-12deg) translateX(-50px); -webkit-transform: rotate(-12deg) translateX(-50px); transform: rotate(-12deg) translateX(-50px);}
.block-one:before {bottom:-5px; -moz-transform: rotate(12deg) translateX(-50px); -ms-transform: rotate(12deg) translateX(-50px); -o-transform: rotate(12deg) translateX(-50px); -webkit-transform: rotate(12deg) translateX(-50px); transform: rotate(12deg) translateX(-50px); }
.block-one.last:after, .block-one.last:before { display: none }*/
.block-one:before {bottom:-5px; -moz-transform: rotate(0deg) translateX(-50px); -ms-transform: rotate(0deg) translateX(-50px); -o-transform: rotate(0deg) translateX(-50px); -webkit-transform: rotate(0deg) translateX(-50px); transform: rotate(0deg) translateX(-50px); }
.block-one::before { /*background: url("../images/big-arrow-red.png") no-repeat scroll right 0 rgba(0, 0, 0, 0);*/ content: ""; height: 100%; position: absolute; right: -8px; width: 70px; background-size:100% 100%; }
.block-one.last:before { display: none }
.block-one img { text-align: center; display: block; margin: 0 auto; padding: 0px 0 25px 0; max-width: 105px; }
.block-one h3 { font-size: 22px; color: #4e4e4e; margin: 0px; padding: 0px 0 15px 0; min-height: 65px; text-align: center; font-weight: normal; }
.block-one p { font-size: 20px; font-weight:100; color: #4e4e4e; text-align: left; margin: 0px; padding: 0px 0 14px 0; line-height:normal; }
.second-block .block-one p { font-weight:100; padding-bottom: 14px; text-align:left; }
.block-one ul { margin: 0px auto; padding: 5px 0 16px 0; min-height:214px; }
.block-one ul li { margin: 0px; padding: 0px 0 0 35px; font-size: 18px; font-weight:100; color: #4e4e4e; background: url(../images/square-icon.png) no-repeat 0 12px; line-height:24px; }
.block-one .btn-blue { margin: 0 auto; padding:0; display: table; position: relative; z-index: 5 }
.btn-blue a.more { text-transform: uppercase; font-weight: 500; color: #fff; font-size: 16px; text-align: center; padding:13px 18px; display:block; }
.block-one a.read-more { color: #4e4e4e; text-decoration: underline; display: none; text-align: center; font-size: 16px; }
.block-one.last p br { display:none; }
.block-one.active .read-more { display:none; }
/*------------------------------------------------------------------------------------------------
Delivers Section
---------------------------------------------------------------------------------------------------*/
.delivers-section { width: 100%; margin: 0px 0 0 0; padding: 76px 0; }
.gray { background: #f3f6f6; }
.title-style .block-title h2 span { background: #e42827; color: #fff; padding: 3px 6px; font-weight:bold; }
.stories-content { text-align: center; margin: 0px; padding: 42px 0 0 0; }
.stories-content p { margin: 0px; padding: 0px; text-align: center; font-size: 20px; color: #4d4d4e; font-weight:100; line-height:24px; }
.stories-content h3 { font-size: 30px; color: #4d4d4e; margin: 40px 0 0 0; padding: 0px 20px; text-align: center; position: relative; display: inline-block; font-weight:normal;}
.stories-content h3:before { content: ''; background: url(../images/quote-icon-left.png) no-repeat; left: 0; color: #e12826; width: 21px; height: 27px; display: inline-block }
.stories-content h3:after { content: ''; background: url(../images/quote-icon-right.png) no-repeat 11px 6px; color: #e12826; width: 26px; height: 28px; display: inline-block }
.delivers-section .btn-blue { text-align: center; display: table; margin: 22px auto 0; padding:0px; }
.delivers-section .btn-blue a { padding:13px 21px }
.story-by { margin:15px 0 0 0; padding:0px; width:100%; text-align:center; }
/* ---------------------------------------------------------------------------------------------------
Video Section
--------------------------------------------------------------------------------------------------*/
.video-section { width: 100%; margin: 0px 0 0 0; padding: 156px 0; background-repeat: no-repeat; background-size: cover; position: relative; background-position: center top; }
.video-section:before { content: ""; background: rgba(226,42,38,0.35); width: 100%; height: 100%; margin: 0px; padding: 0px; position: absolute; top: 0; }
.video-block { text-align: center; overflow:hidden; padding-bottom:5px; }
.video-block .play-btn { background: url(../images/play-btn-bg.png) no-repeat; text-align: center; display: inline-block; width: 92px; height: 104px; }
.video-block h4 { text-align: center; color: #fff; font-size: 62px; font-weight: normal; margin: 0px; padding: 20px 0 0 0; }
/*-------------------------------------------------------------------------------------------
videos-section
------------------------------------------------------------------------------------------*/
.videos-section { width: 100%; margin: 0px; padding: 9px 0; overflow: hidden }
.videos-section .container-fluid { padding-left: 10px; padding-right: 9px; }
.videos-section .col-md-4.col-sm-12 { padding-left: 5px; padding-right: 4px; }
.video-img { width: 100%; margin: 0px; padding: 0px; position: relative; overflow: hidden }
.video-img img { width: 100%; }
.video-img .play-btn-icon { background: url(../images/play-btn-bg.png) no-repeat; width: 59px; height: 72px; background-size: 60px auto; position: absolute; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.video-img:hover .play-btn-icon { display: none; }
.video-detail { width: 100%; margin: 0px; padding: 45px 20px 0 20px; height: 100%; background: rgba(136,136,194,0.75); position: absolute; top: 100%; transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; text-align: center }
.video-img:hover .video-detail { top: 0; }
.video-detail .btn { text-align: center; padding:0 }
.video-detail .btn a { padding:14px 49px; }
.video-detail h5 { font-size: 35px; text-align: center; font-weight: normal; color: #fff; margin: 0px; padding: 0px 0 30px 0; line-height: 48px; }
.video-detail h5:before { content: ""; background: url(../images/quote-icon-left-white.png) no-repeat; display: inline-block; width: 27px; height: 30px; }
.video-detail h5:after { content: ""; background: url(../images/quote-icon-right-white.png) no-repeat 8px 0; display: inline-block; width: 27px; height: 23px; }
.mobile-detail { margin: 0px; padding: 0px; display: none; }
.mobile-detail h6 { font-size: 20px; font-weight: normal; color: #4d4d4d; margin: 0px; padding: 0px; }
.mobile-detail p { font-weight: 100; font-size: 18px; margin: 0px; padding: 0px; }
.detail-block { width: 100%; margin: 9px 0 0 0; padding: 12px 0; background: #8888c2; text-align: center }
.detail-block h2 { font-size: 20px; color: #fff; text-align: center; font-weight: normal; }
.detail-block p { font-weight:100; font-size:20px; color: #fff; margin: 0px; padding: 0px; text-align: center; }
/*-----------------------------------------------------------------------------------------------------------------------
Integrates Section
------------------------------------------------------------------------------------------------------------------------*/
.integrates-section { margin: 0px; padding: 145px 0 100px 0; }
.title-style .block-title h2 i { margin: 0px; padding: 0px; }
.title-style .block-title h2 i:after { color: #e12826; content: "+"; font-family: Arial, Helvetica, sans-serif; font-size: 56px; font-style: normal; font-weight: normal; vertical-align: middle; line-height: 0; }
.integrates .inner-block h3 { font-size:36px; font-weight:normal; }
/*-----------------------------------------------------------------------------------------------------------------------
Full Coll Section
------------------------------------------------------------------------------------------------------------------------*/
.full-coll-section { background-repeat: no-repeat; background-position: top center; background-size: cover; margin: 0px; padding: 48px 0; }
.inner-block { margin: 0px auto; padding: 56px 20px 70px 20px; width: 700px; background: #fff; text-align: center }
.inner-block h3 { font-weight: 100; margin: 0px; padding: 0px 0 29px 0; font-size: 30px; color: #4d4d4e; line-height: normal; background: url("../images/bottom-strip-red.png") no-repeat scroll center bottom / 340px auto rgba(0, 0, 0, 0) }
.inner-block p { font-size: 20px; color: #4d4d4e; margin: 0px; padding: 25px 0 0 0; font-weight: 100; line-height:24px; }
.inner-block p strong { font-size: 20px; color: #4d4d4e; margin: 0px; padding: 0px 0 0 0; font-weight:normal; }
.product .full-coll-section { padding: 37px 0 0px 0 }
.product .inner-block h3 { font-size:40px; }
.product .inner-block p { padding:40px 0 0 0 }
.product .inner-block p strong { display:inline-block; padding-top:6px; }
/* ---------------------------------------------------------------------------------------------------------------
Logo Slider Section
--------------------------------------------------------------------------------------------------------------*/
.logo-slider-section { margin: 12px 0 0 0; padding: 65px 0; background: #4d4e4e; overflow: hidden }
.slick-slide img { opacity: 0.35; }
.slick-slide.slick-active.slick-center img { opacity: 1; }
.slick-prev, .slick-next { display:none !important }
/* -------------------------------------------------------------------------------------------------------------
Testimonials Section
--------------------------------------------------------------------------------------------------------------*/
.testimonials-section { margin: 0px; padding: 65px 0 70px 0; }
.testimonials { text-align: center }
.testimonials h2 { font-size: 25px; color: #4d4d4e; margin: 0px; padding: 0px 0 10px 0; line-height: 48px; font-weight:100; }
.testimonials h2:before { content: ""; display: inline-block; background: url(../images/big-quote-icon-left.png) no-repeat 0 0; width: 34px; height: 24px; }
.testimonials h2:after { content: ""; display: inline-block; background: url(../images/big-quote-icon-right.png) no-repeat 10px 0; width: 34px; height: 24px; }
.client-detail { font-size: 20px; color: #4d4d4e; margin: 0px; padding: 0px 0 40px 0; font-weight: 100; }
.testimonials .btn-blue { padding:0; margin: 0px; }
.testimonials .btn-blue a { padding: 18px 47px;}
/* ------------------------------------------------------------------------------------------------------
Get Started Form Section
----------------------------------------------------------------------------------------------*/
.get-started-form { margin: 0px; padding: 97px 0 137px 0; width: 100%; overflow:hidden }
.get-started-form .block-title { padding: 0 0 38px 0; margin: 0px; }
.get-started-form .block-title h2 { font-size: 40px; padding-bottom:20px; }
.description { margin: 0px; padding: 0px; }
.description p { margin: 0px; padding: 0px; text-align: center; font-size: 20px; color: #4d4d4e; line-height: 24px; font-weight: 100; }
.block-bottom { margin: 0px; padding: 98px 0 0 0; clear: both; }
.form-block { margin: 0px; padding: 0px; }
.form-block p { margin: 0px; padding: 0px 0 13px 0; }
.form-block label { font-size: 16px; color: #2e3192; margin: 0px; padding: 0px 0 6px 0px; display: block; font-weight: normal; }
.form-block input.wpcf7-text { width: 231px; height: 27px; margin: 0px; padding: 0px 10px; background: #f5f3f2; border: 1px solid #4d4d4e; border-radius:0px; }
.home-form .get-started-form .form-block .wpcf7-submit { width: 220px; font-size: 16px; color: #fff; font-weight: 500; text-transform: uppercase; margin: 26px 0 0 0; }
.get-started-form .form-block .wpcf7-submit { width: 100%; font-size: 16px; color: #fff; font-weight: 500; text-transform: uppercase; margin: 25px 0 0 0 !important; }
.contact-img img { max-width: 100%; float:right }
div.wpcf7-validation-errors { border: 1px solid #f00; color: #f00; margin: 0 0 10px 0; width: 100%; }
.get-started-form.title-style .block-bottom .select-wrapper, .get-started-form.title-style .block-bottom .select-wrapper select { width:100%; position:relative; z-index:1; border:1px solid #525152; }
.get-started-form.title-style .block-bottom .select-wrapper .holder { position:absolute; font-size:12px; }
.get-started-form.title-style .block-bottom .wpcf7-form > p > .wpcf7-form-control-wrap > .select-wrapper{ border:none !important; }
.fancybox-inner #get-started span.wpcf7-not-valid-tip { clear:both; }
/* Ninja Forms */
.field-wrap, #ninja_forms_required_items {
margin-bottom: 10px!important;
}
.ninja-forms-field-error p{
padding-bottom: 0!important;
}
.ninja-forms-form-wrap label{
font-weight: normal!important;
margin-bottom: 0!important;
}
.list-dropdown-wrap {
margin-bottom: 0!important;
}
.submit-wrap {
margin-bottom: 20px!important;
}
.list-dropdown-wrap select{
display: inline-block;
border: 1px solid #525152;
background: url("../images/select-drop-arrow.png") no-repeat right center #f5f3f2;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
line-height: 27px!important;
height: 27px!important;
padding-left: 5px;
}
.list-dropdown-wrap select::-ms-expand {
display: none;
}
/* Contact Form */
.contact-form .ninja-forms-required-items{text-align: center;margin-bottom: 20px;}
.contact-form .ninja-forms-response-msg{text-align: center}
.contact-form label{
font-size: 16px;
color: #2e3192;
margin: 0;
padding: 0 0 6px 0;
vertical-align: top!important;
text-align: right;
display: inline-block!important;
}
.contact-form .wpcf7-text,
.send-cv-form input[type="file"]{
margin: 0;
padding: 0 10px;
background: #f5f3f2;
border: 1px solid #4d4d4e;
border-radius: 0;
width: 210px;
color: #4d4d4e;
font-size: 16px;
}
.contact-form textarea{
margin: 0px;
width: 263px;
height: 161px;
padding: 0 18px;
background: #f5f3f2;
border: 1px solid #525152;
font-size: 16px;
font-weight: normal;
color: #4d4d4e;
position: relative;
z-index: 99;
}
body .contact-form .hs-button.primary,
body .contact-form input[type="submit"],
body .contact-form input[type="button"],
body .send-cv-section .hs-button.primary,
body .send-cv-section input[type="submit"],
body .send-cv-section input[type="button"] {
width: auto;
}
.contact-form .col-sm-5{
margin-bottom: 15px;
}
.contact-form .col-sm-12{
text-align: center;
}
.contact-form ul li{
display:inline-block;
}
.contact-form .wpcf7-submit{
width: 293px;
margin-top: 30px;
font-size: 16px;
color: #fff;
font-weight: bold;
text-transform: uppercase;
}
/* Send CV */
.send-cv-form:after{
content: " ";
display: table;
clear: both;
}
#ninja_forms_form_29_wrap .ninja-forms-required-items,
#ninja_forms_form_29_wrap .ninja-forms-error-msg{
text-align: center;
display: inline-block;
margin: auto;
width: 50%;
margin-bottom: 15px;}
.send-cv-form{max-width: 535px;margin: 0 auto!important;}
.send-cv-form .hidden-wrap{display: none!important;}
.send-cv-form .col-md-3{width: auto!important;}
.send-cv-form textarea{height:134px;}
.send-cv-form .upload-wrap ul li{font-size:0px;color:#fff;}
.send-cv-form .upload-wrap ul li div{display: none!important;}
.send-cv-form input[type="file"]{
padding: 0;
position: relative;
cursor: pointer;
border: 0;
opacity: 0;
}
.send-cv-form .upload-wrap ul li div.fileupload-container{
pointer-events: all;
display: block!important;
position: relative;
}
.send-cv-form .fileupload-container::before{
content: attr(data-content);
background: #f5f3f2;
border: 1px solid #525152;
font-size: 16px;
font-weight: normal;
color: #4d4d4e;
position: absolute;
line-height: 27px;
height: 27px;
width: 100%;
padding-left: 18px;
display: block;
}
.send-cv-form .fileupload-container::after{
content:'';
display: inline-block;
background: url("../images/add-icon.png") no-repeat center center #ec2327;
position: absolute;
right: 0;
top:0;
width: 27px;
height: 27px;
border: 1px solid #525152;
border-left: 0;
}
/* Media Query - 768px */
@media screen and (max-width: 768px){
.contact-form .field-wrap{text-align: center;}
.contact-form label{display: block!important; text-align: center;clear: both;}
.send-cv-form input[type="file"]{width: 100%;}
#ninja_forms_form_29_all_fields_wrap .ninja-forms-required-items{
text-align: center;
display: block;
width: 100%;
}
}
/* ---------------------------------------------------------------------------------------------------
Site Footer
-------------------------------------------------------------------------------------------------------*/
.site-footer { margin: 0px; padding: 0px 0 58px 0; background: #e12826; width: 100%; clear:both; position:relative; /*z-index:1;*/ }
.social-link { margin: -29px auto 0; padding: 12px 0 0 0; background: #e12826; width: 170px; }
.social-link h2 { font-weight: 100; font-size: 18px; color: #fff; text-align: center; }
.social-link ul { text-align: center; margin: 0px; padding: 0px 0 14px 0; }
.social-link ul li { margin: 0px 2px; padding: 0px; display: inline-block; background: #fff; transition: all linear 0.2s; -moz-transition: all linear 0.2s; -ms-transition: all linear 0.2s; -o-transition: all linear 0.2s; -webkit-transition: all linear 0.2s }
.social-link ul li a { margin: 0px; padding: 0px; display: block; width: 25px; height: 25px; text-align: center; vertical-align: middle; line-height: 25px; color: #e12826; }
.social-link ul li:hover { background: #2f358f; }
.social-link ul li:hover a { color: #fff; }
.footer-links { margin: 0px; padding: 49px 0 0 0; clear: both }
.footer-link { margin: 0px; padding: 0px; }
.footer-link h3 { margin: 0px; padding: 0px 0 19px 0; color: #fff; font-size: 14px; font-weight: bold; }
.footer-link ul { margin: 0px; padding: 0px; }
.footer-link ul li { margin: 0px; padding: 0px 0 8px 0; font-size: 14px; color: #fff; font-weight:100; }
.footer-link ul li a,.heading-menu ul li a{ color: #fff; }
.footer-link ul li:hover a { opacity: 0.7 }
.bottom-footer-link { margin: 0px; padding: 46px 0 0 0; clear: both; }
.bottom-footer-link ul { margin: 0px; padding: 0px; }
.bottom-footer-link ul li { margin: 0px; padding: 0px 24px 0 0; float: left; }
.bottom-footer-link ul li a { margin: 0px; padding: 0px; color: #fff; font-size:12px; font-weight:100; }
.bottom-footer-link ul li.go-to-meeting a,
.bottom-footer-link ul li.apple,
.bottom-footer-link ul li.android a { padding-left: 25px; position: relative; display: block }
.bottom-footer-link ul li.go-to-meeting a:before,
.bottom-footer-link ul li.apple a:before,
.bottom-footer-link ul li.android a:before {
content: url('../images/go-to-meeting.svg');
position: absolute;
left: 0;
top: -3px;
height: 18px;
width: 18px;
display: block;
}
.bottom-footer-link ul li.apple a:before { content: url('../images/apple.svg'); }
.bottom-footer-link ul li.android a:before { content: url('../images/android.svg'); }
.bottom-footer-link ul li:hover a { opacity: 0.7; }
.footer-logo { text-align: center; margin: 0px; padding: 0px; }
.footer-links .footer-block { width:20%; float:left; padding:0 15px; }
.heading-menu { padding-bottom:15px; float:left; width:100%}
.heading-menu ul li a{ color: #fff; font-size: 14px; font-weight: bold; text-transform:uppercase; }
/* --------------------------------------------------------------------------------------------------------
Right Side Get Started Form
------------------------------------------------------------------------------------------------------*/
#get-started .block-bottom,
#get-started-exit .block-bottom,
#get-started-head .block-bottom { padding-top: 30px; }
.home-form .fancybox-wrap { width: 647px !important; margin: 0px; padding: 0px; }
.home-form .fancybox-inner { width: 647px !important; margin: 0px; padding: 15px 0 0 0; }
.home-form .fancybox-close { right: -34px; top: -18px }
.home-form .form-block input.wpcf7-text { width: 293px; height: 27px; }
.home-form .form-block label { padding-left: 0 }
.home-form .form-block .wpcf7-submit { width: 293px; margin-top: 40px; font-size: 16px; color: #fff; font-weight: bold; text-transform: uppercase; }
.home-form .description { margin: 0px; padding: 25px 0 0 0; }
.home-form .contact-img { text-align: center; padding-top: 10px; }
.home-form #get-started .block-bottom,
.home-form #get-started-exit .block-bottom,
.home-form #get-started-head .block-bottom { padding-top: 28px; }
.home-form .fancybox-skin { padding-bottom: 0px !important; padding-left:0px !important; }
.home-form .form-block .wpcf7-form .select-wrapper{ border:none; }
.home-form .form-block .wpcf7-form .select-wrapper > .select-wrapper { border: 1px solid #4d4d4e; }
.select-wrapper { float: left; display: inline-block; border: 1px solid #e12826; background: url("../images/select-drop-arrow.png") no-repeat right center #f5f3f2; cursor: pointer; }
.select-wrapper, .select-wrapper select { width: 293px; height: 27px; line-height: 26px; position:relative; z-index:2 }
.select-wrapper:hover { background:rgba(245,243,242,1) url("../images/select-drop-arrow.png") no-repeat right center; border-color: #e12826; }
.select-wrapper .holder { display: block; margin: 0 35px 0 5px; white-space: nowrap; overflow: hidden; cursor: pointer; position: relative; z-index: 0; }
.select-wrapper select { margin: 0; position: absolute; z-index: 2; cursor: pointer; outline: none; opacity: 0; /* CSS hacks for older browsers */ _noFocusLine: expression(this.hideFocus=true);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; height:27px; }
.inner-block .btn { display: none; }
.block-bottom .select-wrapper select { width:291px; }
.block-bottom p > span.select-wrapper { border:none; }
/* --------------------------------------------------------------------------------------------
Product Page
---------------------------------------------------------------------------------------*/
.product-section { margin: 0px; padding: 120px 0 30px 0; }
.page-template-tp-product-benefit .product-section .product-block p { max-width:786px; margin:0 auto; line-height:29px; }
.main-area.product { border-top: 5px solid #e2261c; }
.block-title h1 { font-size: 54px; font-weight: 100; margin: 0px; padding: 0px 0 30px 0; background: url("../images/bottom-strip-red.png") no-repeat scroll center bottom }
.product-block { margin: 0px; padding: 37px 0 0 0; }
.product-block p { font-size: 25px; color: #4d4d4d; margin: 0px; padding: 0px; text-align: center; font-weight:100; }
.product-block ul.page-link { margin: 0px auto; padding: 66px 0 30px 0px; overflow: hidden; text-align: center; display:table }
.product-block ul.page-link li { float: left; margin: 0px; padding: 0px; }
.product-block ul.page-link li a { background: #f3f6f5; margin: 0px; padding: 9px 52px; border-right: 1px solid #c5cedd; font-size: 25px; color: #4d4d4e; font-weight: 100; display: block; }
.product-block ul.page-link li:hover a, .product-block ul.page-link li.current-menu-item a { background: #e2261c; color: #fff; }
.product-block ul.page-link li:last-child a { border: none; }
.product-article { margin: 0px; padding: 110px 0 110px 0; border-bottom: 1px solid #cdcdce; clear: both; display:inline-block; /*overflow: hidden */ width:100%;}
.product-article:last-child { border: none; }
/*.product-article .sidebar-block h3 { font-size: 36px }*/
.product-section article:last-child { border: none; }
.animation-img { position: relative; margin: 0px; padding: 0px; }
.animation-img a.play-button { background: url("../images/play-btn.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; height: 46px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 46px; display:none; }
.sidebar-block h3 { font-size: 40px; font-weight:100; color: #4d4d4e; margin: 0px 0 23px 0; padding: 0px 0 35px 0; background: url("../images/bottom-strip-red.png") no-repeat scroll left bottom; background-size: 285px 10px; line-height:normal }
.sidebar-block h3 strong { font-weight:normal; }
.sidebar-block p { font-size: 20px; color: #4d4d4e; margin: 0px; padding: 0px 0 6px 0; font-weight: 100; line-height:24px; }
.sidebar-block ul { margin: 0px; padding: 19px 0 0 0; }
.sidebar-block ul li { font-weight: normal; font-size: 20px; color: #4d4d4e; background: url(../images/square-icon.png) no-repeat 0 11px; margin: 0px; padding: 0px 0 0 36px; }
.right-sidebar .sidebar-block { text-align: right }
.right-sidebar .sidebar-block h3 { background-position: right bottom }
.right-sidebar .sidebar-block ul li { background-position: right 11px; padding-left: 0; padding-right: 24px; }
.product .product-section .product-article .col-sm-7 { overflow:hidden }
/* --------------------------------------------------------------------------------------------------
Story Section
---------------------------------------------------------------------------------------------------*/
.story-section { width: 100%; margin: 50px 0 0 0; padding: 90px 0 77px 0; background: #8888c2; position: relative }
.story-section:before { content: ""; width: 64px; height: 33px; margin: 0px; padding: 0px; background: url(../images/top-arrow.png) no-repeat bottom center; position: absolute; left: 50%; top: -32px; transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); }
.testimonial { text-align: center; }
.testimonial h3 { font-size: 40px; color: #fff; margin: 0px; padding: 0px 0 57px 0; font-weight: 100; }
.testimonial h3:before { content: ""; background: url(../images/quote-icon-left-white.png) no-repeat; display: inline-block; width: 28px; height: 38px; }
.testimonial h3:after { content: ""; background: url(../images/quote-icon-right-white.png) no-repeat; display: inline-block; width: 28px; height: 28px; }
.testimonial p { font-size: 25px; color: #fff; margin: 0px; padding: 0px; font-weight:100; }
.product .testimonials .btn-blue { padding:0; }
.product .testimonials .btn-blue a {padding: 14px 21px; }
/*------------------------------------------------------------------------------------------------------------
Transform your sales funnel
------------------------------------------------------------------------------------------------------*/
.sales-funnel .features-img.animation-img { text-align: center; margin-bottom: 50px; }
.sales-funnel .animation-img a.play-button { transform: translate(-50%, -119%); -moz-transform: translate(-50%, -119%); -ms-transform: translate(-50%, -119%); -o-transform: translate(-50%, -119%); -webkit-transform: translate(-50%, -119%); }
.top-article { text-align: center }
.top-article .sidebar-block h3 { background-position: center bottom }
.sales-funnel .logo-slider-section { margin-top: 0px; }
.sales-funnel .testimonial h3:after { background-position: 10px 0; }
.features-img { text-align: right; }
.right-sidebar .features-img { text-align: left; }
/* ---------------------------------------------------------------------------------------------------------
Maximise campaign ROI
-----------------------------------------------------------------------------------------------------------*/
.maximise-campaign .top-article.product-article { padding-top: 50px; padding-bottom: 50px; }
.maximise-campaign .product-article { padding-top: 100px; }
.top-article .features-img.animation-img { text-align: center; margin-bottom: 50px; }
.maximise-campaign .logo-slider-section { margin-top: 0px; }
/* -------------------------------------------------------------------------------------------------------------
Products integrates Page
-------------------------------------------------------------------------------------------------------------*/
.integrates .full-coll-section { padding-top: 100px; padding-bottom: 80px }
.integrates .inner-block, .page-template-tp-partner .inner-block { box-shadow: 0 0px 115px rgba(0,0,0,0.7); width: 751px; padding: 90px 40px 90px }
.integrates .inner-block p { padding-top: 30px; font-size: 16px; font-weight: 100; }
ul.resp-tabs-list { margin: 0px; padding: 0px; }
ul.resp-tabs-list li { background: #f3f6f6; /*height: 336px;*/ border: none; }
ul.resp-tabs-list li.odd { background: #e5e8e6; }
.contact-us ul.resp-tabs-list li.odd{ background:#f3f6f6; }
ul.resp-tabs-list li img { max-width: 100%; display: block; text-align: center; margin: 50px auto 0; padding: 0px 0 0 0 }
ul.resp-tabs-list li.resp-tab-active:after { content: ""; background: url(../images/white-top-arrow.png) no-repeat bottom center; width: 76px; height: 38px; margin: 0px; padding: 0px; position: absolute; transform: translate(-50%, 0px); -moz-transform: translate(-50%, 0px);-ms-transform: translate(-50%, 0px); -o-transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px);bottom: 0; left: 50%; }
.resp-tab-content { border: none; }
.resp-tab-content .product-article { padding-bottom: 43px; border: none; padding-top:80px; }
.tab-title { float: right; padding: 0 0 30px 0 }
.tab-title h2 { background: url("../images/bottom-strip-red.png") no-repeat scroll right bottom / 285px 10px rgba(0, 0, 0, 0); color: #4d4d4e; font-size: 42px; font-weight:100; text-align: center; margin: 0px; padding: 0px 0 40px 0; }
.tab-title h2 span { background: none repeat scroll 0 0 #e42827; color: #fff; padding: 3px 6px; font-size: 31px; }
.tab-title h2 strong { font-size: 31px; }
.tab-title h2 i { padding:10px 0 10px 0; display:inline-block; margin:0px; }
.tab-title h2 i:after { color: #e12826; content: "+"; font-family: Arial, Helvetica, sans-serif; font-size: 56px; font-style: normal; font-weight: normal; line-height: 0; vertical-align: middle; }
.tab-btn { /*margin: 100px 0 0 0;*/ margin:40px 0 0 0 }
.tab-btn .get-btn { font-size: 16px; width: 225px; color: #fff; text-transform: uppercase; font-weight: bold; display: block; }
.tab-btn.btn.btn-blue.open-popup-btn { padding:0px; }
.tab-btn.btn.btn-blue.open-popup-btn a.get-btn { padding:14px 14px; display:inline-block; }
.red-cross { text-align: center }
.red-cross .tab-title { float: none; }
.red-cross .tab-title h2 { background-position: center bottom; font-weight:100; font-size:42px; }
.red-cross h4 { font-size: 40px; font-weight: 100; text-align: center; }
.red-cross .tab-btn { display: block; float: none; margin: 62px auto 0; text-align: center; width: 227px; }
.integrates .story-section { padding: 55px 0; }
.integrates .story-section:before { background: none; }
.integrates .testimonial h3 { font-size: 30px; font-weight: 100; }
.testimonial h3:before { height: 29px; }
.testimonial h3:after { height: 32px; }
.round-icon { display: block; }
/* copy responsive */
.round-icon { left: 0; position: absolute; top: 0; width:100%; height:100%; z-index: 999; display:block; }
.round-icon a { color:#fff; }
.round-icon a.iframe-box.btn { font-size: 0; height: 90px; padding: 24px 0 0 12px; width: 90px;
border-radius: 50% ; -webkit-border-radius: 50%; display:block ;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50% }
.round-icon a.iframe-box i { font-size: 38px; text-align: center; vertical-align: middle; color:#fff; }
.round-icon a { left: 50%; position: absolute; top: 50%; transform: translate(-30%, -110%); -moz-transform: translate(-30%, -110%); -ms-transform: translate(-30%, -110%); -o-transform: translate(-30%, -110%); -webkit-transform: translate(-30%, -110%); z-index: 999; }
/* copy responsive */
.resp-tabs-container > *:nth-child(4n+1) { background:#e5e8e6; }
.parallax { opacity:0; }
.parallax.active { opacity: 1; }
/* --------------------------------- Animation Part ------------------------------------- */
.parallax.second-block.fadeInLeft { animation-delay: .5s; -moz-animation-delay: .5s; -ms-animation-delay: .5s; -o-animation-delay: .5s; -webkit-animation-delay: .5s; }
.parallax.third-block.fadeInLeft { animation-delay: 1s; -moz-animation-delay: 1s; -ms-animation-delay: 1s; -o-animation-delay: 1s; -webkit-animation-delay: 1s; }
@-moz-document url-prefix() {.form-group .fa { transform:translate(-5px, 0px) } }
@media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari only override */
::i-block-Safari,.block-one { overflow:inherit; }
}
.parallax .icon,.parallax .content,.parallax .button, .parallax .block-one::before{opacity:0;transition: all .9s linear ;-webkit-transition: all .9s linear;-moz-transition: all .9s linear;-o-transition: all .9s linear;}
.parallax.active .icon,.parallax.active .content,.parallax.active .button{ opacity:1;}
.block-one:after, .block-one:before{transition: all .5s linear 750ms;-webkit-transition: all .5s linear;-moz-transition: all .5s linear;-o-transition: all .5s linear;}
.parallax.active .block-one:after{top:5px;opacity:1; transform:rotate(-12deg) translateX(0px); -moz-transform:rotate(-12deg) translateX(0px); -ms-transform:rotate(-12deg) translateX(0px); -o-transform:rotate(-12deg) translateX(0px); -webkit-transform:rotate(-12deg) translateX(0px);}
.parallax.active .block-one:before{bottom:5px;opacity:1; transform:rotate(0deg) translateX(0px); -moz-transform:rotate(0deg) translateX(0px); -ms-transform:rotate(0deg) translateX(0px); -o-transform:rotate(0deg) translateX(0px); -webkit-transform:rotate(0deg) translateX(0px);}
.parallax.active .first-block .icon{ transition-delay:500ms; -moz-transition-delay:500ms; -ms-transition-delay:500ms; -o-transition-delay:500ms; -webkit-transition-delay:500ms; }
.parallax.active .first-block .content { transition-delay:500ms; -moz-transition-delay:500ms; -ms-transition-delay:500ms; -o-transition-delay:500ms; -webkit-transition-delay:500ms;}
.parallax.active .first-block .button { transition-delay:500ms; -moz-transition-delay:500ms; -ms-transition-delay:500ms; -o-transition-delay:500ms; -webkit-transition-delay:500ms;}
.parallax.active .first-block .block-one:before,.parallax.active .first-block .block-one:after{ transition-delay:750ms; -moz-transition-delay:750ms; -ms-transition-delay:750ms; -o-transition-delay:750ms; -webkit-transition-delay:750ms;}
.parallax.active .second-block .icon { transition-delay:500ms; -moz-transition-delay:500ms; -ms-transition-delay:500ms; -o-transition-delay:500ms; -webkit-transition-delay:500ms; }
.parallax.active .second-block .content { transition-delay:500ms; -moz-transition-delay:500ms; -ms-transition-delay:500ms; -o-transition-delay:500ms; -webkit-transition-delay:500ms;}
.parallax.active .second-block .button { transition-delay:500ms; -moz-transition-delay:500ms; -ms-transition-delay:500ms; -o-transition-delay:500ms; -webkit-transition-delay:500ms;}
.parallax.active .second-block .block-one:before,.parallax.active .second-block .block-one:after{ transition-delay:500ms; -moz-transition-delay:500ms; -ms-transition-delay:500ms; -o-transition-delay:500ms; -webkit-transition-delay:500ms;}
.parallax.active .third-block .icon { transition-delay:500ms; -moz-transition-delay:500ms; -ms-transition-delay:500ms; -o-transition-delay:500ms; -webkit-transition-delay:500ms }
.parallax.active .third-block .content { transition-delay:500ms; -moz-transition-delay:500ms; -ms-transition-delay:500ms; -o-transition-delay:500ms; -webkit-transition-delay:500ms}
.parallax.active .third-block .button { transition-delay:500ms; -moz-transition-delay:500ms; -ms-transition-delay:500ms; -o-transition-delay:500ms; -webkit-transition-delay:500ms; }
.parallax.noeasing {/*-webkit-animation-duration:0s;*/ animation-duration:0s; -moz-animation-duration:0s; -ms-animation-duration:0s; -o-animation-duration:0s;}
/*.product .product-article > div{-webkit-animation-name:fadeOut;animation-name:fadeOut;-webkit-animation-duration:0s;animation-duration:0s;-webkit-animation-fill-mode:both;animation-fill-mode:both}*/
.product .product-article > div{-webkit-transition-duration:0s;transition-duration:0s; transition:all 1.5s ease-in-out; -moz-transition:all 1.5s ease-in-out; -ms-transition:all 1.5s ease-in-out; -o-transition:all 1.5s ease-in-out; -webkit-transition:all 1.5s ease-in-out;}
.product .product-article > div:first-child { transform:translateX(60px); -moz-transform:translateX(60px); -ms-transform:translateX(60px); -o-transform:translateX(60px); -webkit-transform:translateX(60px); opacity:0;}
.product .product-article > div:last-child {transform:translateX(-60px); -moz-transform:translateX(-60px); -ms-transform:translateX(-60px); -o-transform:translateX(-60px); -webkit-transform:translateX(-60px); opacity:0;}
.product .product-article.right-sidebar > div:first-child {transform:translateX(-60px); -moz-transform:translateX(-60px); -ms-transform:translateX(-60px); -o-transform:translateX(-60px); -webkit-transform:translateX(-60px); opacity:0;}
.product .product-article.right-sidebar > div:last-child { transform:translateX(60px); -moz-transform:translateX(60px); -ms-transform:translateX(60px); -o-transform:translateX(60px); -webkit-transform:translateX(60px); opacity:0;}
.product .product-article.top-article > div:first-child {transform:translateY(-60px); -moz-transform:translateY(-60px); -ms-transform:translateY(-60px); -o-transform:translateY(-60px); -webkit-transform:translateY(-60px); opacity:0;}
.product .product-article.top-article > div:last-child{transform:translateY(60px); -moz-transform:translateY(60px); -ms-transform:translateY(60px); -ms-transform:translateY(60px); -o-transform:translateY(60px); -webkit-transform:translateY(60px); opacity:0; }
.product .product-article.top-article.active > div:first-child, .product .product-article.top-article.active > div:last-child {transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); -webkit-transform:translateY(0); opacity:1; }
.product .product-section .product-article.active > div:first-child,.product .product-section .product-article.active > div:last-child {transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); -webkit-transform:translateX(0); opacity:1;}
/* ---------------------------------------------------------------------------------------------
Learn Page
---------------------------------------------------------------------------------------------*/
.learn .inner-block { position:relative; padding:68px 40px 90px; }
.learn .inner-block p,
.news .inner-block p { font-size:20px; line-height:29px; padding-top:25px; }
.learn .inner-block h3,
.news .inner-block h3 { padding-bottom:32px }
.news .inner-block { width: 450px; padding: 30px 85px; }
.block-link { bottom: 0; left: 0; margin: 0; padding: 0; position: absolute; width: 100%; }
.block-link ul { margin:0px; padding:0px; }
.block-link ul li { width:50%; text-align:center; float:left; margin:0px; padding:0px; background:#2f358f; border-right:1px solid #a7a2cd; }
.block-link ul li a { font-weight:bold; color:#fff; font-size:18px; margin:0px; padding:10px 0; display: block; text-transform:uppercase; }
.block-link ul li:hover{ background:#8888c2; }
.block-link ul li:last-child { border:none; }
.twitter-section { margin:0px; padding:116px 0 49px 0; }
.twitter-block { margin:0px; padding:0px; background:#fff; border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px; width:261px; }
.twitter-block iframe { margin:0 !important; }
.tweet2 .twitter-block{ margin:0 auto}
.tweet3 .twitter-block { float:right }
/*.twitter-section ul { margin:0px; padding:20px; background:#fff; border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px; }*/
.twitter-section ul li .user a img { float:left; margin:0 7px 7px 0; width:40px; height:40px; border-radius:7px; }
.twitter-section ul li .user { overflow:hidden; padding-bottom:5px;}
.twitter-section ul li .user a span span { color: #363237; font-size: 14px; font-weight: 600; }
.twitter-section ul li .user a span {color: #70757f; font-size: 11px; font-weight: normal; }
.twitter-icon{ float:right; background:url(../images/twiiter-icon.png) no-repeat; font-size:0px; line-height:0px; width:65px; height:20px; margin-top:2px; }
.timePosted{ color: #70757f; font-size: 12px; font-weight: 400; }
.interact{ padding:5px 0 0px 0; border-top:1px solid #e9e8e8; margin-top:5px; }
.interact a { padding:0 36px }
.twitter_reply_icon { background:url(../images/left-arrow.jpg) no-repeat center; }
.twitter_retweet_icon { background:url(../images/icon-img.jpg) no-repeat center; }
.twitter_fav_icon { background:url(../images/star-img.jpg) no-repeat center; }
.twitter-section ul li p.tweet { clear: both; color: #4d4d4e; font-size: 16px; font-weight: 100; min-height: 136px; word-wrap:break-word }
.twitter-section ul li p.tweet a {color: #4d4d4e; word-wrap:break-word }
.twitter_reply_icon,.twitter_retweet_icon,.twitter_fav_icon{ width:23px; height:23px; font-size:0px; line-height:0px; display:inline-block; vertical-align:top; text-align:center }
.people-detail{ margin:0px; padding:0px 0 15px 0; }
.people-detail img { float:left; margin:0px; padding:0px 7px 7px 0; }
.people-detail h2 { font-size:14px; font-weight:600; color:#363237; }
.people-detail a { font-size:11px; font-weight:normal; color:#70757f; }
.twitter-block > p{ font-size:16px; color:#4d4d4e; font-weight:100; clear:both; /*min-height:116px*/ }
.time-date { margin:0px; padding:0px 0 0 0; }
.time-date p{ font-size:12px; font-weight:400; color:#70757f; }
.review { margin:5px 0 0 0; padding:11px 0 8px 0; border-top:1px solid #e9e8e8; border-bottom:1px solid #e9e8e8; }
.review p { font-size:12px; margin:0px; padding:0px; }
.review p strong{ color:#66757f; }
.link-icon{ margin:0px; padding:0px; }
.link-icon ul { margin:0px; padding:5px 0 0 0;}
.link-icon ul li{ display:inline-block; margin:0px; padding:0px 0 0 0; }
.link-icon ul li a { margin:0px; padding:0 24px; }
/*------------------------------------------------------------------------------------------------*/
.resources-section{ margin:0px; padding:165px 0 138px 0; }
.resources-img{ text-align:center; margin: 0 0 28px; padding: 0; }
.resources-description{ margin:0px; padding:50px 0 58px 0; }
.resources-description p, .partner-short-description p { text-align:center; font-size:22px; line-height:28px; font-weight:100; color:#4d4d4e; }
.resources-section .btn-blue{ text-align:center; display:table; margin:0 auto; padding:0; }
.resources-section .btn-blue a { padding:14px 14px }
.explor-blog-section{ margin:0px; padding:97px 0 92px 0; }
.three-blog { margin:0px; padding:70px 0 0 0; text-align:center; }
.three-blog .col-md-12.col-sm-6{ padding:0; }
.three-blog img { max-width:339px; width:100%; margin:0px; padding:0px 0 34px 0; }
.block-blog { margin:0px; padding:0px 0 80px 0; }
.block-blog h3 { font-size:20px; color:#4d4d4e; line-height:21px; text-transform:uppercase; margin:0px; padding:0px 0 10px 0; font-weight:normal; }
.block-blog p { font-size:20px; color:#4d4d4e; line-height:25px; margin:0px; padding:0px; font-weight:100; }
.block-blog .btn-blue { margin:34px 0 0 0; padding:0; }
.explor-blog-section .block-blog .btn-blue { bottom: 0; left: 50%; margin: 34px 0 0; padding: 0; position: absolute; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); }
.block-blog .btn-blue a {padding:15px 33px; }
.explore-btn{ display:table; text-align:center; margin:0 auto; width:190px; padding:0px; }
.social-follow-us{ margin:0px; padding:72px 0 0 0 ; text-align:center }
.social-follow-us h2{ font-size:25px; font-weight:100; margin:0px; padding:0px 0 12px 0; color:#4d4d4e; }
.social-follow-us ul { margin:0px; padding:0px; }
.social-follow-us ul li { display:inline-block; width:37px; height:37px; background:#e12726; margin:0px 2px; padding:0px; transition:all linear 0.3s; -moz-transition:all linear 0.3s; -ms-transition:all linear 0.3s; -o-transition:all linear 0.3s; -webkit-transition:all linear 0.3s; }
.social-follow-us ul li a { color:#fff; font-size:25px; vertical-align:middle; line-height:37px; display:block; }
.social-follow-us ul li:hover { background:#2f358f; }
/*---------------------------------- FAQ -------------------------------------------*/
.faqs-section { margin:0px; padding:108px 0 50px 0; }
.faq-block { margin:0px; padding:58px 0 0 0; }
.faq-block #accordion h3 { font-size:30px; color:#4d4d4e; margin:0px; padding:27px 0 27px 61px; border-bottom:1px solid #c1bfbe; font-weight:100; background:url(../images/orange-arrow.png) no-repeat 7px 31px; cursor:pointer; transition:padding all 0.2s ease-in; }
.faq-block #accordion h3.ui-state-active { background:url(../images/orange-down-arrow.png) no-repeat 0px 34px ; border:none; padding-bottom:27px; }
.faq-block .ui-accordion-content { font-size:20px; font-weight:100; line-height:24px; color:#4d4d4e; padding-bottom:27px; }
.faq-block .ui-accordion-content-active{ border-bottom:1px solid #c1bfbe; }
.get-started-form .block-bottom .form-block { border:1px solid #b5b3b3; padding:20px; }
.get-started-form .block-bottom .col-md-3.col-sm-12 { margin-left: 154px; }
.get-started-form .block-bottom .form-block input.wpcf7-text { border:1px solid #525152; }
.get-started-form .block-bottom .form-block label { color:#2e3192; }
.get-started-form .block-bottom .form-block input.wpcf7-text{ width:100%; }
.desktop-version{ display:block; }
.tablet-version { display:none }
/* -----------------------------------------------------------------------------------
Blog Page
--------------------------------------------------------------------------------*/
.blog .site-footer { margin-top:50px; }
.blog-main-section { padding: 32px 0 0;}
.small-description { margin:0px; padding:29px 0 0 0; }
.small-description p { font-size:30px; line-height:35px; font-weight:100; color:#4d4d4e; text-align:center }
.subscribe-form { margin:40px auto 0; padding:0px; text-align:center; width:246px; }
.subscribe-form label, .subscribe-form input { display:block; text-align:left; width:100%; }
.subscribe-form label {font-size:16px; font-weight:100; color:#4d4d4e; margin:0px; padding:0px 0 15px 0; }
.subscribe-form input.text-box { width:231px; height:27px; border:1px solid #525152; background:#f5f3f2; margin:0px 0 15px 0; padding:0px 10px; font-weight:normal; }
.subscribe-form input.subscribe-btn{ text-align:center; font-weight:bold; font-size:16px; }
.subscribe-form input.subscribe-btn:hover { color:#fff; }
.btn.btn-blue.subscribe-btn{ width:231px; }
.blog .block-blog{ margin-bottom:40px; }
.blog .three-blog .col-md-4.col-sm-12:nth-child(3n+1){ clear:both; }
.see-more-link{ margin:0px; padding:125px 0; text-align:center }
.see-more-link a { font-size:20px; font-weight:100; color:#4d4d4e; border-bottom:1px solid #4d4e4e; clear:both; }
.blog-search { margin:0px; padding:43px 0 0 0; float:right; width:227px; }
.blog-search .search-box{ border:1px solid #c6c5c5; width:178px; height:28px; margin:0px; padding:0 10px; text-align:right; float:left; font-size:16px; font-weight:100; color:#4d4d4e; }
.blog-search .search-btn { background: url(../images/search-icon-white.png) no-repeat center center #e12826; width:49px; height:28px; }
.blog .three-blog{ padding-top:53px; }
.blog-detail-section { margin:0px; padding:39px 0 42px 0; }
.post-title{ margin:0px; padding:0px 0 40px 0; }
.post-title h2{ background:#e12826; text-align:center; font-size:30px; font-weight:100; color:#fff; margin:0px; padding:45px 0 35px 0; }
.post-img{ margin:0px; padding:0px 0 10px 37px; float:right }
.blog-detail p { font-size:20px; font-weight:100; margin:0px; line-height:25px padding:0px; color:#4d4d4e; }
.blog-detail p strong { color:#4d4d4e; }
.blog-detail ul { margin:0px; padding:35px 0 0 97px; }
.blog-detail ul li{ display:block; font-size:20px; line-height:25px; font-weight:100; color:#4d4d4e; margin:0px; padding:0px; }
.blog-detail ul li:before { content:"-"; display:inline-block; }
.social-like-link{ margin:0px; padding:66px 0 0 0; }
.social-like-link ul { margin:0px; padding:66px 0 0 0; }
.social-like-link ul li{ display:inline-block; margin:0px; padding:0px; }
.social-like-link ul li a { background:#e12826; display:inline-block; width:32px; height:32px; line-height:32px; font-size:19px; text-align:center; color:#fff; }
.social-like-link ul li i { font-size:15px; font-weight:bold; color:#4d4d4e; border:1px solid #898989; margin:0 15px 0 12px; padding:6px 17px 4px; font-style:normal; }
.post-detail p{ font-size:16px; color:#; font-weight:100; margin:0px 0 25px 0; padding:0px 0 6px 0; border-bottom:1px solid #e12826; display:inline-block; }
/*----------------------------------- Right Sidebar -------------------------------------------------*/
.sidebar-title { clear:both; margin:35px 0 0 0; padding:0px 0 0 0; }
.sidebar-title h2{ font-size:30px; color:#4d4d4e; font-weight:100; border-bottom:1px solid #e12826; text-align:center; margin:0px; padding:0px 0 8px 0; }
.sidebar-post { margin:0px; padding:0px; }
.sidebar-post ul { margin:0px; padding:0px 0 0 15px; }
.sidebar-post ul li{ margin:0px; padding:0px 0 0 26px; font-size:16px; line-height:22px; color:#4d4d4e; font-weight:100; background:url(../images/orange-arrow.png) no-repeat 0 5px; background-size:11px auto; }
.sidebar-post ul li strong { display:block; }
/*-------------------------------------------------------------------------------------------------------
Resources Page
-----------------------------------------------------------------------------------------------------*/
.resources .inner-block { padding:49px 40px 50px }
.resources .inner-block p { line-height:24px; padding-top:27px }
.resources .full-coll-section { padding-top: 119px; padding-bottom:139px; }
.filter-box{ background:#f3f6f6; width:433px; height:58px; margin:98px auto 43px; padding:0px; position:relative }
.filter-box .filter-input { width:363px; text-transform:uppercase; height:58px; margin:0px; padding:0 44px; background:none; font-size:20px; font-weight:normal; color:#4d4d4e; vertical-align:top }
.filter-box .filter-search { background:url(../images/filter-search-icon.jpg) no-repeat center center; width:15%; height:58px; }
.resource-img { position:relative; overflow:hidden; }
.resource-img > img { max-width:428px; width:100%; }
.resource-block{ margin:0px 0 0 0; padding:35px 0 0 0; }
.download-icon{ background:#e12826; width:47px; height:47px; margin:0px; padding:0px; text-align:center; position:absolute; right:13px; bottom:13px; z-index:2 }
.pdf { background:url(../images/pdf-icon.png) no-repeat 50% 50% #e12826; }
.video { background:url(../images/video-icon.png) no-repeat 50% 50% #e12826; }
.img { background:url(../images/picture-icon.png) no-repeat 50% 50% #e12826 }
.edu { background:url(../images/education-icon.png) no-repeat 50% 50% #e12826 }
.download-icon a { font-size:; color:#fff; font-size:20px; font-weight:bold; line-height:45px; }
.download-link { background:rgba(136,136,194,0.79); width:100%; height:100%; top:100%; position:absolute; transition:all linear 0.2s; -moz-transition:all linear 0.2s; -ms-transition:all linear 0.2s; -o-transition:all linear 0.2s; -webkit-transition:all linear 0.2s; }
.resource-img:hover .download-link { top:0 }
.download-detail { text-align:center; margin:0px; padding:0px; }
.download-detail h3, .download-detail a h3 {color:#4d4d4e; margin:0px; padding:20px 0 0 0; text-transform:uppercase; font-size:25px; font-weight:100; }
.download-detail span { font-size:20px; font-weight:100; margin:0px; padding:0px; display:block; }
.download-detail p { font-size:18px; font-weight:100; margin:0px; padding:20px 0 0 0; line-height:20px; }
.download-link ul { left: 50%; margin: 0; padding: 0; position: absolute; text-align: center; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); vertical-align: middle; }
.download-link ul li{ margin:0px; padding:0px; }
.download a { color:#fff; text-transform:uppercase; font-weight:bold; font-size:16px; padding:15px 37px; display:inline-block;}
.download-link ul li.share-icon { margin:27px 0 0 0; padding:0px; display: none;}
.share-icon a{ background:rgba(225,225,225,0.80); color:#4d4d4e; font-weight:400; text-transform:uppercase; font-size:20px; padding:8px 39px 8px 28px; }
.share-icon a i.plus-icon { width:24px; height:24px; color:#fff; display:inline-block; background:#f26822; margin-right:10px; position:relative; top:6px }
.share-icon a i.plus-icon:after { bottom: -8px; color: #fff; content: "+"; font-size: 31px; font-style: normal; left: 4px; margin: 0; padding: 0; position: absolute;}
.paging{ margin:0px; padding:40px 0; width:100%; border-bottom:1px solid #a09d9c; }
.paging ul { margin:0px; padding:0px; text-align:center }
.paging ul li { font-size:20px; font-weight:100; color:#505857; text-transform:uppercase; display:inline-block; margin:0 20px; padding:0px; }
.paging ul li a { color:#505857; }
.paging ul li.next-page, .posts-navigation .nav-next { background:url("../images/orange-arrow.png") no-repeat right center / 15px auto; padding:0px 30px 0 0; }
.paging ul li.prev-page, .posts-navigation .nav-previous { background:url("../images/orange-left-arrow.png") no-repeat left center / 15px auto; padding:0px 0px 0 30px; }
.strip-line{ width:100%; margin:10px 0 0 0; padding:0px; border-bottom:1px solid #e12726; position:relative; }
.strip-line:after{ background: url("../images/down-arrow.png") no-repeat 0 0; content: ""; height: 10px; left: 50%; position: absolute; top: 0; transform: translate(-12px, 0px); width: 24px; }
.posts-navigation { margin:0px; padding:0px 0 40px 0; }
.posts-navigation h2 { display:none; }
.nav-links a { font-size:20px; color:#4e4e4e; margin:0px; padding:0px; text-transform:capitalize }
.nav-links .nav-next, .nav-links .nav-previous { color: #4e4e4e; display: inline; font-size: 20px; }
/* ----------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------*/
.related-resources{ margin:0px; padding:0px; border-bottom:1px solid #e12826; }
.related-resources h2 { font-size:40px; font-weight:100; margin:0px; padding:0px 0 26px 0; }
.main-title{ margin:0 0 45px 0; padding:0px; border-bottom:1px solid #e12826; }
.main-title h1 { font-size:40px; font-weight:100; color:#4d4d4e; margin:0px; padding:32px 0 26px 0; }
.side-block-form h3 { margin:26px 0 0 0; padding:0 0 16px 0; text-align:center; font-size:25px; color:#4d4d4e; font-weight:100; border-bottom:1px solid #e12726; position:relative }
.side-block-form h3:after { content:""; background:url(../images/down-arrow.png) no-repeat; width:24px; height:10px; position:absolute; bottom:-10px; left:50%; transform: translate(-12px, 0px); -moz-transform: translate(-12px, 0px); -ms-transform: translate(-12px, 0px); -o-transform: translate(-12px, 0px); -webkit-transform: translate(-12px, 0px); }
.side-block-form .resource-form{ margin:54px auto 0; padding:0px; border:1px solid #a6a4a3; padding:21px 20px 5px 20px; width:271px; }
.side-block-form .resource-form label{ font-size:16px; color:#2e3192; margin:0px; padding:0 0 8px 0 ; font-weight:normal; }
.text-field{ width:100%; height:27px; border:1px solid #525152; background:#f5f4f3; padding:0 5px; }
.select-box{ width:100%; height:27px; border:1px solid #525152; background:#f5f4f3; }
/*--------------------------- Select Box ----------------------------------------------------------*/
.resource-form .select-wrapper{ float: left; display: inline-block; border: 1px solid #525152; background: url("../images/select-down-arrow.png") no-repeat right center #f5f4f3; cursor: pointer;}
.resource-form .select-wrapper, .resource-form .select-wrapper select{ width: 228px; height: 26px; line-height: 26px; margin-bottom:15px; }
.resource-form .select-wrapper:hover{ background: url("../images/select-down-arrow.png") no-repeat right center #f5f4f3; }
.resource-form .select-wrapper .select-wrapper .holder{ display: block; margin: 0 35px 0 5px; white-space: nowrap; overflow: hidden; cursor: pointer; position: relative; }
.resource-form .select-wrapper > .holder { display:none }
.resource-form .select-wrapper select{ margin: 0; position: absolute; z-index: 2; cursor: pointer; outline: none; opacity: 0; /* CSS hacks for older browsers */_noFocusLine: expression(this.hideFocus=true); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; }
/* Let's Beautify Our Form */
.job-title > .select-wrapper{ border:none; }
.resource-form p { margin:0px; padding:0px 0 12px 0; /*overflow:hidden;*/ }
.resource-form .wpcf7-submit{ margin:30px 0 0 0; width:100%; font-weight:bold; font-size:16px; color:#fff; }
.sidebar-left { margin:0px; padding:0px; }
.sidebar-left p strong{ font-size:25px; font-weight:400; color:#4d4d4e; margin:0px; padding:0px; }
.sidebar-left p { font-size:20px; line-height:25px; color:#4d4d4e; font-weight:100; margin:0px; padding:0px; }
.back-link{ margin:0px; padding:63px 0 110px 0; text-align:center}
.back-link a{ margin:0px; padding:0px 0 0 25px; color:#505857; font-size:20px; font-weight:100; background:url(../images/orange-left-arrow.png) no-repeat left; background-size:15px auto }
.get-content .site-footer{ margin:148px 0 0 0; padding:0px 0 58px 0; }
.get-content .download-detail h3 { font-size:17px; }
.get-content .download-detail span { font-size:14px; }
.side-block-form .your-email{ margin-bottom:10px; }
/*------------------------------------------------------------------------------------------------
Thank You
--------------------------------------------------------------------------------------------*/
.thank-you-section { margin:0px; padding:129px 0 0 0; }
.thank-you-content { margin:0 0 -212px 0; padding:31px 0 0 0; text-align:center }
.thank-you-content p { font-size:20px; font-weight:100; color:#4d4d4e; margin:0px; padding:0px; text-align:center }
.thank-you-content > img{ margin:0px; padding:90px 0 0 0; position:relative; z-index:-1 }
.thank-you .site-footer{ margin-top:24px;}
/*-----------------------------------------------------------------------------------------------------
Contact Us
--------------------------------------------------------------------------------------------------*/
.contact-us-section{ margin:0px; padding:50px 0 0 0; }
.container-fluid.about { /*margin-bottom: -41px;*/}
.contact-form{ margin:0px; padding:30px 0 0 0; }
.contact-form .contact-input-text { width:280px; height:27px; margin:0px; padding:0 5px; border:1px solid #525152; background:#f5f3f2; }
.contact-form .wpcf7-form label { width:106px; margin:0px 20px 0 0; padding:0 0px 0 0; text-align:right; font-size: 16px; font-weight: normal; color:#2e3192; vertical-align:top }
.contact-form .contact-input-textarea{ width:280px; height:197px; margin:0px; padding:0 5px; border:1px solid #525152; background:#f5f3f2; resize:none; }
.contact-us-section .contact-form .contact-input-textarea { height:259px; }
.contact-left{ text-align:right }
.contact-form .wpcf7-form p { margin-bottom:31px; padding:0px; }
.contact-us-section .contact-form .wpcf7-form p .wpcf7-form-control-wrap > .select-wrapper { border:none; }
.contact-us-section .contact-form .select-wrapper, .contact-us-section .contact-form .select-wrapper select { float:right; width:278px; text-align:left; border-color:#525152 }
.contact-us-section .wpcf7-form span.wpcf7-not-valid-tip { margin-left: 50%; text-align: left; transform: translate(-22%, 0%); }
.contact-us-section div.wpcf7 img.ajax-loader { border: medium none; left: 50%; margin-left: 4px; position: absolute; top: 50%; transform: translate(-50%, -100%); -moz-transform: translate(-50%, -100%); -ms-transform: translate(-50%, -100%); -o-transform: translate(-50%, -100%); -webkit-transform: translate(-50%, -100%); vertical-align: middle; }
.check-box{ margin:0px; padding:0px; text-align:center }
/*.contact-form .wpcf7-form .check-box label { width:13px; height:13px; margin:0px; padding:0px; color:#4d4d4e; background: #f5f3f2;
border:1px solid #c0c0c0; }
.check-box span{ font-size:16px; color:#4d4d4e; margin:0px; padding:0px; font-weight:normal; text-align:center; display:block; }*/
/*.check-box input[type=checkbox] { visibility: hidden; }
SQUARED TWO
.check-box .squaredTwo { width: 50px; height: 28px; margin: 8px 5px 27px 3px; position: relative; display:inline-block }
.check-box .squaredTwo span { margin-right:16px; }
.check-box .squaredTwo label { cursor: pointer; position: absolute; width: 20px; height: 20px; right: 4px; top: 6px; }
.check-box .squaredTwo label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0); opacity: 0; content: ''; position: absolute; width: 9px; height: 5px; background: transparent; top: 2px; left: 1px; border: 2px solid #9d9d9c; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.check-box .squaredTwo label:hover::after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); opacity: 0.3; }
.check-box .squaredTwo input[type=checkbox]:checked + label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }*/
.check-box{ margin:0px; padding:0px; text-align:center }
.contact-form .wpcf7-form .check-box .wpcf7-list-item-label { width:13px; height:13px; margin:0px; padding:0px; color:#4d4d4e; /*background: #f5f3f2;
border:1px solid #c0c0c0; */}
.check-box span{ font-size:16px; color:#4d4d4e; margin:0px; padding:0px; font-weight:normal; text-align:center; display:block; }
.check-box input[type=checkbox] { visibility: hidden; }
/* SQUARED TWO */
.check-box .wpcf7-list-item { width: 25px; height: 28px; margin: 8px 35px 27px 3px; position: relative; display:inline-block }
.check-box .wpcf7-list-item span { margin-right:16px; }
.check-box .wpcf7-list-item .wpcf7-list-item-label { cursor: pointer; position: absolute; width: 20px; height: 20px; right: 4px; top: 6px; }
.check-box .wpcf7-list-item .wpcf7-list-item-label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0); opacity: 0; content: ''; position: absolute; width: 9px; height: 5px; background: transparent; top: 8px; left: 33px; border: 2px solid #9d9d9c; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.check-box .wpcf7-list-item .wpcf7-list-item-label:hover::after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); opacity: 0.3; }
/*.check-box .wpcf7-list-item input[type=checkbox]:checked + .wpcf7-list-item-label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }*/
.check-box .wpcf7-list-item input[type=checkbox]:checked + .wpcf7-list-item-label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.check-box .wpcf7-list-item .wpcf7-list-item-label::before { background:#f5f3f2; content: ""; height: 15px;
position: absolute; width: 15px; border:1px solid #c0c0c0; left:30px; top:4px; }
.request-btn{ margin:0px auto; padding:14px 58px; text-align:center; font-size:16px; color:#fff; font-weight:bold; display:table; }
.request-btn:hover {color:#fff;}
.address-section { margin:54px 0 0 0; padding:0px; background:#f3f6f6; }
.contact-title h2{ font-size:54px; padding-bottom:15px; }
.contact-content { margin:0px; padding:22px 0 0 0; }
.contact-content p{ font-size:25px; color:#4d4d4e; font-weight:100; text-align:center; margin:0px; padding:0px; }
.address-section [class*="col-sm-"] { border-right: 2px solid #e12726; }
.address-section [class*="col-sm-"]:last-child { border: medium none; }
.address-block{ margin:0px; padding:45px 0 40px 0; text-align:center;}
.address-block h4 { font-size:30px; font-weight:500; margin:0px; padding:0px 0 26px 0; text-transform:uppercase; }
.address-block > p{ font-size:25px; font-weight:100; margin:0px; padding:0px 0 15px 0; line-height:30px; }
.address-block span { font-size:35px; margin:0px; padding:0px; color:#2e378e; }
.address-block span a { color:#2e378e; }
.day { margin: 0; padding: 12px 0 0; }
.day p{ font-size:20px; margin:0px; padding:0px; font-weight:100; }
.time strong{ font-size:20px; font-weight:normal; margin:0px; padding:0px; }
.map-section iframe{ width:100%; }
/*------------------------------------------------------------------------------------------------------
Office Locations
--------------------------------------------------------------------------------------------------*/
.offices { background: #f3f6f6; }
.office {
padding: 60px 15px;
text-align:center;
background: #f3f6f6;
border-bottom: 1px solid #e12826;
position: relative;
}
.office.active:after {
background: url(../images/big-orenge-arrow.png) no-repeat;
bottom: -38px;
content: "";
height: 38px;
left: 50%;
margin: 0 0 0 -38px;
padding: 0;
position: absolute;
width: 76px;
z-index: 9;
}
.office:hover { cursor: pointer }
.office.office--cta { position: relative; background: #2f358f; }
.office.office--cta:hover { cursor: default }
.office.office--cta .office--cta-button {
background: #2f358f;
color: #fff;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.office.office--cta .office--cta-button > span {
position: absolute;
top: 50%;
left: 0;
right: 0;
font-size: 25px;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.office .office-title {
font-size: 25px;
font-weight: 400;
margin: 0;
padding: 0 0 13px 0;
text-transform: uppercase;
line-height: 28px;
}
.office > .office-address {
font-size: 16px;
font-weight: 100;
margin: 0;
padding: 0 0 15px 0;
line-height: 30px;
}
.office .office-tel { font-size: 25px; font-weight: 600; color: #2e378e; }
.office .office-day {
font-size: 20px;
margin: 0;
padding: 12px 0 0;
font-weight: 100;
}
.office .office-time { font-size: 20px; font-weight: 400; }
.office .btn { margin-top: 30px; }
.offices .map {
width: 100%;
clear: both;
height: 300px;
}
@media screen and (min-width: 768px) {
.offices .office { float: left; border-right: 1px solid #e12826; width: 50%; }
}
@media screen and (min-width: 1020px) {
.offices-cols-3 .office { width: 33.3333%; }
.offices-cols-4 .office { width: 25%; }
.offices-cols-5 .office { width: 20%; }
.offices .map { height: 500px; }
}
/*--------------------------------------------------------------------------------------------------------
Careers Page
-----------------------------------------------------------------------------------------------------*/
.careers-section { margin:0px 0 0 0; padding:230px 0 81px 0; background-repeat:no-repeat; background-size:cover; min-height:543px; position:relative; background-position: top center }
.careers-section:before { background:rgba(226, 42, 38, 0.35) ; width:100%; content:""; height:100%; position:absolute; top:0 }
.careers-title { margin:0px; padding:0px 0 123px 0; }
.careers-title h2 { font-size:54px; color:#fff; font-weight:100; margin:0px; padding:0px; text-align:center }
.vacancies-btn{ margin:0px auto; text-transform:uppercase; padding:0; font-size:16px; font-weight:bold; color:#fff; text-align:center; display:table}
.vacancies-btn a { color:#fff; padding:14px 33px; display:block; }
.why-lead-section{ margin:0px; padding:100px 0 102px 0; }
.lead-contant { margin:0px; padding:51px 0 0 0; }
.lead-contant p{ font-size:20px; font-weight:100; margin:0px; padding:0px; text-align:center; line-height:25px; }
.perks-section { margin:0px; padding:58px 0 0 0; }
.perks-section h3{ font-size:40px; font-weight:100; color:#4d4d4e; text-align:center; margin:0px; padding:0px; }
.careers .site-footer{ margin-top:50px; }
.perks-block { text-align:center; margin:0px; padding:0px; }
.perks-block p { font-size:20px; font-weight:100; margin:0px; padding:0px; text-align:center; color:#4d4d4e; line-height:25px; }
.top-strip { border-left: 1px solid #e12826; display: block; height: 29px; margin: 0 auto; text-align: center; width: 1px; }
.main-strip { width:879px; margin:0px auto; padding:0px; height:1px; border-bottom: 1px solid #e12826; }
.perks-section .top-strip{ height:40px; margin-top:18px; }
.perks-block img { margin:0px 0 26px 0 ; padding:0px; }
.who-we-are-section { margin:0px; padding:78px 0 78px 0; }
.who-we-are-section .lead-contant{ padding-top:35px; clear:both }
.who-we-are-content{ text-align:center; position:relative }
.who-we-are-content .desktop-img img { margin: 0; padding: 130px 0 0; }
.mobile-img { display:none; }
.one-block{ margin:0px; padding:0px; width:246px; position:absolute; left:28%; top:90px; }
.one-block p, .second-block p, .three-block p, .fourth-block p, .five-block p { font-size:20px; margin:0px; padding:0px; text-align:center; font-weight:normal; line-height:25px; letter-spacing:0.2px; }
.who-we-are-section .second-block { margin:0px; padding:0px; width:163px; position:absolute; right:28%; top:44px; }
.three-block{ margin:0px; padding:0px; width:226px; position:absolute; bottom: -20px; left: 8%; }
.fourth-block{ bottom: -91px; left: 50%; margin: 0 auto; padding: 0; position: absolute; transform: translate(-38%, 0px); -moz-transform: translate(-38%, 0px); -ms-transform: translate(-38%, 0px); -o-transform: translate(-38%, 0px); -webkit-transform: translate(-38%, 0px); width: 208px;}
.five-block { width:208px; margin:0px; padding:0px; position:absolute; right:12%; bottom:6px; }
.who-we-are-section .vacancies-btn { margin:175px auto 0; }
.meet-the-team{ margin:0px; padding:89px 0 0 0; }
.team-block-main{ width:100%; margin:0px; padding:0px; overflow:hidden; }
.team-block { margin:93px 0 0 0; padding:0px; width:20%; float:left; position:relative; overflow:hidden }
.team-block img { width:100%; }
.quote{ margin:0px; padding:96px 36px; background:rgba(134,136,194,0.85); width:100%; height:100%; position:absolute; top:100%; transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -ms-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; -webkit-transition:all 0.3s linear 0s; }
.team-block:hover .quote{ top:0; }
.quote h4{ font-size:25px; font-weight:100; margin:0px; padding:0px; line-height:44px; text-align:center; color:#fff; position:relative }
.quote h4:before { background:url(../images/quote-icon-left-white.png) no-repeat ; width:14px; height:21px; margin:0px; padding:0px; display:inline-block; content:""; background-size:14px auto; position:relative; left:-8px }
.quote h4:after { background:url(../images/quote-icon-right-white.png) no-repeat ; width:14px; height:21px; margin:0px; padding:0px; display:inline-block; content:""; background-size:14px auto;}
.meet-the-team .vacancies-btn{ margin:69px auto 112px; }
/*----------------------------------------------------------------------------------------------------
Vacancy Detail Page
---------------------------------------------------------------------------------------------------*/
.vacancy-section { margin:0px 0 0 0; padding:175px 0 81px 0; background-repeat:no-repeat; background-size:cover; min-height:543px; position:relative; background-position: center center }
.careers-vacancy-details .vacancy-section { min-height:285px; }
.vacancy-section:before { background:rgba(136,136,194,0.80); width:100%; content:""; height:100%; position:absolute; top:0 }
.vacancy-section .careers-vacancy h2 { text-align:left; line-height:64px; font-size:54px; color:#fff; font-weight:100; letter-spacing:1px; }
.vacancy-section .careers-vacancy h2:before { background: url("../images/big-white-quote-left.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); content: ""; display: inline-block; height: 37px; left: -42px; margin: 15px 0 0; padding: 0; position: absolute; width: 24px;}
.vacancy-section .careers-vacancy h2:after { background:url(../images/big-white-quote-right.png) no-repeat ; width:24px; height:24px; margin:0px; padding:0px; display:inline-block; content:""; position: relative; right: -16px; top: -7px;}
.vacancy-section .careers-vacancy span { font-size:30px; font-weight:100; margin:0px; padding:34px 20px 0 0; text-align:right; color:#fff; display:block; letter-spacing:1px; }
.three-job-section{ margin:0px; padding:0px; }
.three-job-section .col-sm-4{ border-right:1px solid #e12826; }
.three-job-section .col-sm-4:last-child { border:none; }
.job-block { margin:0px; padding:0px 0 73px 0; text-align:center }
.job-block > img { margin: -58px 0 51px 0; padding: 0; }
.job-block h3 { color:#4e4e4e; font-size:22px; font-weight:normal; margin:0px; padding:0px 0 42px 0; text-transform:uppercase; }
.job-block p { color:#4e4e4e; font-size:20px; font-weight:100; margin:0px; padding:0px; }
.sales-executive { margin:0px; padding:44px 0 0 0; }
.standard-detail{ margin:0px; padding:0px 0 0 10px; }
.standard-detail h4 { font-size:30px; font-weight:normal; margin:0px; padding:0px 0 18px 0; letter-spacing:1; }
.social-block { margin:0px; padding:0px 0 90px 0; }
.social-block .share-icon a{ background:none; padding:0 0 0 0 }
.social-block .share-icon a i.plus-icon { margin-right:6px }
.social-block ul li {margin:0px 28px 0 0; padding:0px; font-size:20px; font-weight:normal; color:#343435; float:left; letter-spacing:0.5px }
.social-block ul li a img { margin: 0 13px 0 0; padding: 6px 0 0; vertical-align: top;}
.social-block ul li a { color:#343435; }
.social-block ul li a span { display: inline-block; margin: 0; padding: 3px 0 0; }
.standard-detail p{ font-size:16px; font-weight:100; color:#343435; line-height:29px; letter-spacing:1; margin:0px; padding:0px; }
.standard-detail p strong { font-weight:normal; letter-spacing: 0.3px; }
.standard-detail > ul { margin:0px; padding:30px 0 0 0; }
.standard-detail > ul li{ font-size:16px; font-weight:100; color:#343435; line-height:29px; letter-spacing:1; margin:0px; padding:0px 0 0 35px; background:url(../images/dots.png) no-repeat 0 14px; }
.email-popup-box { display:none; }
.email-popup-box { padding:50px 50px 0 50px !important; }
.email-popup-box form { margin-top:30px; }
.email-popup-box .block-title h2{ font-size:30px; }
.email-popup-box .ninja-forms-required-items{text-align: center;}
.email-popup-box input.wpcf7-text{ width:100%; max-width:293px; height:30px; margin:10px auto 0; padding:0px 10px; background:#f5f3f2; border: 1px solid #e33d2c; display:block }
.email-popup-box .wpcf7-submit { color: #fff; font-size: 16px; font-weight: bold; text-transform: uppercase; width: 100%; max-width:293px; margin:20px auto 0; display:block }
.email-popup-box .wpcf7-validation-errors{ margin-top:10px; margin-bottom:20px; }
.email-popup-box span.wpcf7-not-valid-tip { color: #f00; display: block; font-size: 1em; margin-left: 50%; transform: translate(-60%, 0px);}
.send-cv-section{ overflow:hidden; margin:0px; padding:59px 0 70px 0; }
.send-cv-section .block-title { padding-bottom:51px; }
.send-cv-form { margin:0px; padding:0px 0 0 0; }
.send-cv-form .ninja-forms-required-items{text-align: center;}
.send-cv-form .wpcf7-text, .send-cv-form .wpcf7-textarea { width:231px; height:27px; margin:0px; padding:0 18px; background:#f5f3f2; border:1px solid #525152; font-size:16px; font-weight:normal; color:#4d4d4e; position:relative; z-index:99 }
.send-cv-form .wpcf7-textarea { height:134px; resize:none; }
.send-cv-form .wpcf7-text { float:right }
.send-cv-form .select-wrapper{border:1px solid #525152; background:url(../images/down-arrow-orange.jpg) no-repeat right #f5f3f2; }
.send-cv-form .select-wrapper, .select-wrapper select { float:right; width:230px; line-height:24px; }
.send-cv-form p > span.select-wrapper { border:none;}
.send-cv-form p > .select-wrapper > span.holder{ display:none; }
.send-cv-form p { margin:0px 0 0px 0; padding:0px 0 24px 0; overflow:hidden }
.send-cv-form .select-wrapper .holder { margin-left:18px; }
.send-cv-form .holder{ font-size:16px; font-weight:normal; color:#4d4d4e; }
.send-cv-form .wpcf7-submit { font-weight:bold; font-size:16px; color:#fff; margin:0px auto; text-transform:uppercase; width:229px; display:block; }
.send-cv-form .check-box .squaredTwo label{ width:193px; height:13px; color: #4d4d4e; font-size: 16px; font-weight: normal; margin: 0; padding: 0; }
.send-cv-form .check-box .squaredTwo { width:225px; margin-top: 6px; margin-bottom:29px; }
.cv-icon > img { margin: 0; padding: 22px 0 0 0;}
.send-cv-form .wpcf7-not-valid-tip { margin-left:31px; }
.send-cv-form .wpcf7-validation-errors { clear:both; text-align:center; width:40%; margin:0 auto 20px }
.linkedin{ width:100%; text-align:center; clear:both; }
/*----------------------------------------------------------------------------------------
Careers Vacancies Page
-------------------------------------------------------------------------------------*/
.vacancies-content { margin:0px; padding:90px 0 0 0; }
.vacancies-content p { margin:0px; padding:0px; font-size:25px; color:#4d4d4e; font-weight:100; text-align:center }
.cv-content { margin:0px; padding:0px 0 57px 0; }
.cv-content p { margin:0px; padding:0px; font-size:25px; color:#4d4d4e; font-weight:100; text-align:center; line-height:32px; }
.vacancies-listing {margin:0px; padding:98px 0 0 0;}
.filter-block { margin:0px; padding:0px; overflow:hidden; }
.filter-block p { font-size:20px; font-weight:100; color:#4d4d4e; margin-bottom:6px; }
.filter-block .select-wrapper, .filter-block .select-wrapper select { width:320px; height:49px; line-height:49px; border:1px solid #6e6f70; background:url("../images/blackdown-arrow.jpg") no-repeat right center #fff; font-size:18px; font-weight:100; color:#4d4d4e; }
.filter-block .select-wrapper select { height:48px; line-height:48px; border:none; }
.filter-block > span.select-wrapper { border:none; }
.filter-block > span.select-wrapper > .holder{ display:none; }
.btn-search { margin:33px 0 0 0; padding:15px 0; width:230px; font-size:16px; font-weight:bold; color:#fff; float:right }
.btn-search input { background:none; text-transform:uppercase; color:#fff; }
.listing-table{ margin:37px 0 0 0; padding:0px 0 0 0; clear:both }
.title{ display:none; }
.listing-table tr:last-child { border: medium none;}
.listing-table tr { border-bottom:1px solid #515253; }
.listing-table th { background:#e12726; font-size:22px; color:#fff; margin:0px; padding:12px 20px; font-weight:bold; text-transform:uppercase; }
.listing-table td { padding:20px 16px; font-size:20px; font-weight:100; color:#4d4d4e; }
.title-value { font-size:20px; font-weight:500; color:#343435; }
.careers-vacancy-listing .send-cv-section { padding-top:125px; }
.careers-vacancy-listing .send-cv-section .block-title { padding-bottom:31px; }
.careers-vacancy-listing .send-cv-form .check-box .squaredTwo { margin-bottom:38px; }
.listing-table td, .title-value { font-size:16px; }
.listing-table span.no-result { font-size:35px; text-align:left; display:block; margin:0px; padding:20px; text-transform:capitalize }
/*====================================================== About page Start here ====================================================*/
/*=================================================================================================================================*/
.about { width:100%; float:left;}
.about .slider-section { width:100%; float:left; background-repeat: no-repeat ; background-position: left center; max-height:620px; min-height:200px;}
.about .slider-section .about-slider li { text-align:center }
/*Change 6-8-2015*/
.about .slider-section .slider-content { /*padding:180px 0 70px 0;*/ padding:160px 0 70px 0; display:inline-block; width:100%; text-align:center; max-width:600px;}
.about .slider-section .intro-slide .slider-content { /*padding-top:124px;*/ }
.about .slider-section .slider-content .logo { width:100%; display:inline-block; text-align:center;}
.about .slider-section .slider-content .logo img { width:auto; float:none;}
.about .slider-section .slider-content.one h2 { font-size:30px; color:#fff; font-weight:100; padding:40px 0px;}
.about .slider-section .slider-content.one p { padding-top:30px; font-size:20px; font-weight:lighter; color:#fff; line-height:28px;}
.about .timeline { width:100%; float:left; padding-bottom:90px;}
.about .timeline #pager { width:100%; border-top:1px solid #ffffff; padding-top:15px; max-width:780px; margin:0 auto;}
.about .timeline #pager li { float:left; display:block; }
.about .timeline #pager li a { float:left; color:#fff; font-weight:lighter; font-size:20px; padding:0px; width:100%; text-align:center; position:relative;}
.about .timeline #pager li a.active:after { width:14px; height:14px; border:1px solid #fff; content:""; display:inline-block; background:#8888c8; position: absolute; top: -23px;}
.about .timeline #pager li a:after { width:14px; height:14px; border:1px solid #fff; content:""; display:inline-block; background:#fff;left: 50%;
position: absolute; top: -23px; margin-left:-7px;}
/*.about .about-slider .block-title h2{ background:rgba(0, 0, 0, 0) url("../images/bottom-strip-white.png") no-repeat scroll center bottom / 311px auto ; font-size:54px; color:#fff;}*/
.about .about-slider .block-title h2{ background:rgba(0, 0, 0, 0) url("../images/bottom-strip-white.png") no-repeat scroll center bottom / 311px auto; font-size:30px; color:#fff; padding:40px 0; font-weight:100 }
/*.about .slider-section .slider-content.two p { font-size:25px; font-weight:lighter; color:#fff; line-height:28px; padding-top:30px;}*/
.about .slider-section .slider-content.two p { font-size:20px; font-weight:lighter; color:#fff; line-height:28px; padding-top:30px; }
.about .slider-section .intro-slide .slider-content.one h2 { font-size:54px; font-weight:100; padding:25px 0 }
.about .slider-section .intro-slide .slider-content.one p { font-size:25px; }
.about .slider-section .intro-slide .slider-content.one h2, .about .slider-section .intro-slide .slider-content.one p { transition: all 0.2s ease-in 0s; -ms-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s; -webkit-transition: all 0.2s ease-in 0s; -o-transition: all 0.2s ease-in 0s; }
/*=======*/
.paging ul { margin:0px; padding:0px; text-align:center }
.paging ul li { font-size:20px; font-weight:100; color:#505857; text-transform:uppercase; display:inline-block; margin:0 20px; padding:0px; }
.paging ul li a { color:#505857; }
.about .meet-team-section { width:100%; float:left; padding:110px 0px; background:#fff;}
.about .meet-team-section .team-desc { font-size:20px; text-align:center; width:100%; display:inline-block; padding:40px 0px; font-weight:lighter; color:#686666;}
.about .meet-team-section .team-list { width:100%; float:left; padding-right:25px;}
.about .meet-team-section .team-list .team-block { width:20%; float:left; padding:0 0 25px 25px; position:relative; margin:0px;}
.about .meet-team-section .team-list .team-block img { width:100%;}
.about .meet-team-section .team-list .team-block .team-img .team-contant{ background: rgba(136, 136, 194, 0.75) none repeat scroll 0 0; height: 100%; margin: 0; position: absolute; text-align: center; top: 100%; width: 100%; transition: all 0.3s ; -moz-transition: all 0.3s ; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s ; -webkit-transition: all 0.3s;}
.about .meet-team-section .team-list .team-block .team-img .team-contant .team-member-desc { padding: 0 20px; position: relative; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.about .meet-team-section .team-list .team-block .team-img { display:block; width:100%; height:100%; position:relative; overflow:hidden;}
.about .meet-team-section .team-list .team-block .team-img:hover .team-contant { top:0px; display:block;}
.about .meet-team-section .team-list .team-block h5 { font-size: 25px; text-align: center; font-weight:lighter; color: #fff; margin: 0px; padding: 0px 0 20px 0; line-height:30px; }
.about .meet-team-section .team-list .team-block .team-contant h5:before { content: ""; background: url(../images/quote-icon-left-white.png) no-repeat; display: inline-block; width: 27px; height: 30px; }
.about .meet-team-section .team-list .team-block .team-contant h5:after { content: ""; background: url(../images/quote-icon-right-white.png) no-repeat 8px 0; display: inline-block; width: 27px; height: 23px; }
.about .meet-team-section .team-list .team-block .team-contant p {font-size: 20px; text-align: center; font-weight:lighter; color: #fff; }
=======
.paging ul li.next-page { background:url("../images/orange-arrow.png") no-repeat right center / 15px auto; padding:0px 30px 0 0; }
.about .resourceshub-section { width:100%; float:left; text-align:center; background:#fff; padding-bottom:125px;}
.about .resourceshub-section .resources-img { margin-top:85px;}
.about .resourceshub-section .btn-blue { padding:0px}
.about .resourceshub-section .btn-blue a {padding:13px 35px}
.about .loaction-address { width:100%; display:inline-block; text-align:center; padding:111px 0px 0 0;}
.about .loaction-address .loaction-icon { margin-bottom:37px;}
.about .awards-slider { width:100%; float:left; background:#4d4d4e; padding:45px 0px 105px 0;}
.about .awards-slider .block-title h2 { background: rgba(0, 0, 0, 0) url("../images/bottom-strip-white.png") no-repeat scroll center bottom / 343px auto; color: #fff; margin-bottom:50px; padding-top:30px;}
.about .awards-slider .slider-content h2 { color:#fff; font-weight:lighter; font-size:35px;}
.about .awards-slider .slider-content p { color:#fff; font-weight:lighter; font-size:20px;}
.about .awards-slider .slider-content { color: #fff; display: inline-block; position: absolute; bottom: -150px; width: 100%; z-index: 3; }
.carousel { position : relative; margin : 0 auto; width : 930px; height : auto; border : none; overflow : visible; }
.carousel .slides { margin : 0; padding : 0; border : none; list-style : none; position : relative; overflow : visible; }
/* slide item */
.carousel .slides .slideItem { position : absolute; cursor : pointer; overflow : hidden; padding : 0; margin : 0; border : none; }
.carousel .slides .slideItem a { display: block; text-decoration : none; margin : 0; padding : 0; border : none; outline : none; }
.carousel .slides .slideItem img { margin : 0; padding : 0; border : none; width : 100%; height : 100%; }
/* buttons container */
.carousel .buttonNav { position : relative; margin : 0 auto; z-index : 999; }
/* numbers */
.carousel .buttonNav .numbers { position : relative; float : left; margin : 5px; color : #828282; cursor : pointer; font-weight : bold;
text-decoration : none; font-size : 1em; font-family : Arial, Verdana; }
.carousel .buttonNav .numbers:hover { color: #000; text-decoration : underline; }
.carousel .buttonNav .numberActive { background : none; color : #000; cursor : default; }
/* bullets */
.carousel .buttonNav .bullet { position : relative; float : left; width : 16px; height : 16px; background : url(../images/Bullet-White.png) no-repeat center; margin : 5px; float : left; cursor : pointer; }
.carousel .buttonNav .bullet:hover { background : url(../images/Bullet-Black.png) no-repeat center; }
.carousel .buttonNav .bulletActive { background : url(../images/Bullet-Black.png) no-repeat center; cursor : default; }
.about .address-section { margin-top:51px; }
.about .address-block{ padding-top:52px; padding-bottom:44px; }
.about .address-block h4{ font-size:25px; font-weight:normal; padding-bottom:13px }
.about .address-block > p{ font-size:16px; font-weight:100; line-height:24px; }
.about .address-block span { font-size:25px; }
.about .address-section ul.resp-tabs-list li { height:auto; }
.about .address-section ul.resp-tabs-list li.odd{ background:#f3f6f5; }
.about .address-section .resp-tabs-container, .contact-us .address-section .about .resp-tabs-container { background:#f3f6f5; }
.about .address-section .resp-tab-content{ padding:0px; }
.about .address-section .resp-tabs-container h2.active:after, .contact-us .about .resp-tabs-container h2.active:after {background:url(../images/big-orenge-arrow.png) no-repeat;/* bottom:-38px;*/ content: ""; height: 38px; left:50%; margin: 0 0 -8px 0px; padding: 0; position: absolute; width: 76px; z-index:9; transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%);
}
.map-section { height : 764px !important; width: 100% !important;}
.tab-map, .no-cssanimations .about .resp-tabs-container h2.tab-map { display: none !important; }
.no-cssanimations .about .resp-tabs-container > div > .address-block { display:none; }
.tab-section .resp-tabs-list li { position:relative; min-height:300px;}
.resp-tabs-list li { position:relative;}
.resp-tabs-list li.active:after { background:url(../images/big-orenge-arrow.png) no-repeat; bottom:-38px; content: ""; height: 38px; left:50%; margin: 0 0 0 -38px; padding: 0; position: absolute; width: 76px; z-index:9; }
.about .address-section .resp-tabs-container > *:nth-child(4n+1)::before, .about .address-section .resp-tabs-container > *:nth-child(4n+1)::after { border:none; }
.about .resp-tabs-container > div#map1, .about .resp-tabs-container > div#map2{ display:none }
.about .resp-tabs-container > div#map1.map-section, .about .resp-tabs-container > div#map2.map-section { display:block }
.about .address-section .resp-tabs-container h2.resp-accordion.resp-tab-active::after { background:url(../images/big-orenge-arrow.png) no-repeat; bottom:-22px; width:52px; height:22px; }
.about .address-section .resp-tabs-container > *:nth-child(4n+1) { background:#f3f6f5 !important; }
.about-section { clear: both; background-size:cover; background-repeat: no-repeat}
.about-block { margin:0px; padding:89px 120px 154px;}
.about-block p{ font-size:20px; font-weight:100; line-height:24px; margin:0px; padding:0px; color:#4d4d4e; text-align:center }
.about-block p a { color:#e12926; margin:0px; padding:0px; text-decoration:underline }
.logo-img{ margin:54px 0 40px 0; padding:0px; text-align:center }
.about .slider-awards .slick-slide.slick-active span { display: block; margin: 0 auto; text-align: center; width: 100%; /*transform:scale(0.6,0.6); -moz-transform:scale(0.6,0.6); -ms-transform:scale(0.6,0.6); -o-transform:scale(0.6,0.6); -webkit-transform:scale(0.6,0.6);*/ }
.about .slick-slide.slick-cloned.slick-active span { transition:all 1s ease-in 0s; -moz-transition:all 1s ease-in 0s; -ms-transition:all 1s ease-in 0s; -o-transition:all 1s ease-in 0s; -webkit-transition:all 1s ease-in 0s;}
.about .slider-awards .slick-slide.slick-active img { width:100%; }
.about .slider-awards .slick-slide.slick-active.slick-center span { /*transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1);*/ transition: all 1s ease-in 0s; -moz-transition: all 1s ease-in 0s; -ms-transition: all 1s ease-in 0s; -o-transition: all 1s ease-in 0s; -webkit-transition: all 1s ease-in 0s; width: 100%;}
.about .slider-awards .slick-slide.slick-active.slick-center img { width:100%; }
.about .slider-awards .slick-slide span { transition:all 1s ease-in 0s; -moz-transition:all 1s ease-in 0s; -ms-transition:all 1s ease-in 0s; -o-transition:all 1s ease-in 0s; -webkit-transition:all 1s ease-in 0s; }
.about .slider-awards .slick-slide img { opacity:1; }
.about .slider-awards .slick-dots li button::before { width:11px; height:11px; content:""; background:#848485; opacity:1 }
.about .slider-awards .slick-dots li { width:11px; height:11px; }
.about .slider-awards .slick-dots li.slick-active button::before { background:#ffffff; }
.slide-description { width:100%; margin:0px; padding:40px 0 0 0; }
.slide-description h3 { font-size:35px; font-weight:100; margin:0px; padding:0px 0 8px 0; text-align:center; color:#fff; }
.slide-description p { font-size:20px; line-height:27px; font-weight:100; margin:0px; padding:0px; text-align:center; color:#fff; }
.about .slider-awards .slick-dots{ bottom:-229px; display:none !important;}
.sitemap-section{ margin:0px; padding:50px 0 }
ol.sitemap { margin:0px; padding:30px 0 0 25px; }
ol.sitemap li { font-size:18px; font-weight:normal; color:#4d4d4e; line-height:30px; list-style:decimal; margin:0px; padding:0px; }
ol.sitemap li a{ color:#4d4d4e; }
.error-section{ margin:0px; padding:120px 0 162px; }
.error-block { margin:0px; padding:65px 0 0 0; text-align:center }
.error-block img { margin:0px 0 40px 0; padding:0px; }
.error-img img { max-width:100%; }
.error-block h3 { font-weight:700; font-size:35px; text-transform:uppercase; color:#4d4d4e; margin:0px; padding:0px 0 25px 0; }
.error-block .btn-blue a{ color:#fff; text-transform:uppercase; font-weight:600; font-size:18px; }
.error-section .block-title h2 { background-size:250px 10px; margin-bottom:20px; font-size:36px; text-align:left; background-position:left bottom; padding-bottom:23px; }
.error-section .sidebar-block p { font-size:19px; }
.error-section .sidebar-block ul { margin:15px 0 0 0; padding:0px; }
.error-section .sidebar-block ul li { background:none; margin:0px; padding:0px; line-height:normal; }
.error-section .sidebar-block ul li a { font-size:18px; color:#4d4d4e; font-weight:500 }
.tablet-banner { display:none; }
.top-navigation { transition:all linear 0.5s; }
.select-wrapper > .select-wrapper > .holder { display: block;}
.select-wrapper > .holder { display: none;}
.file-cv .wpcf7-file { float: right; width: 231px; background:#f5f3f2; border:1px solid #525152; }
/*.contact-form .wpcf7-form .check-box label { width:13px; height:13px; margin:0px; padding:0px; color:#4d4d4e; background: #f5f3f2;
border:1px solid #c0c0c0; }*/
.check-box span{ font-size:16px; color:#4d4d4e; margin:0px; padding:0px; font-weight:normal; text-align:center; display:block; }*/
.send-cv-form .check-box input[type=checkbox] { visibility: hidden; }
/* SQUARED TWO */
.send-cv-form .check-box .squaredTwo { width: 201px; height: 28px; margin: 8px 5px 27px 3px; position: relative; display:inline-block }
.send-cv-form .check-box .squaredTwo label { cursor: pointer; position: absolute; width: 210px; height: 20px; right: 16px; top: 6px; }
.send-cv-form .check-box .squaredTwo label::before { background:#f5f3f2; border:1px solid #c0c0c0; content: ""; height: 15px; position: absolute; right: 0; top: 4px; width: 15px; }
.send-cv-form .check-box .squaredTwo label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0); opacity: 0; content: ''; position: absolute; width: 9px; height: 5px; background: transparent; top: 8px; right: 3px; border: 2px solid #9d9d9c; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.send-cv-form .check-box .squaredTwo label:hover::after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); opacity: 0.3; }
.send-cv-form .check-box .squaredTwo input[type=checkbox]:checked + label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.fancybox-overlay { z-index:8003; }
.wpcf7-form.send-cv-form img.ajax-loader { border: medium none; vertical-align: middle; text-align: center; margin: -27px auto 0; display: table; left: 35%; position: absolute; }
#poweredby { display:none !important; }
.linkedin iframe{ width:231px !important; height:46px !important; }
.wpcf7-mail-sent-ok { display:none !important; }
/*-----------------------------------------------------------------------------------------------------------
Standard Page
---------------------------------------------------------------------------------------------------------*/
.standard-page { margin:20px 0 25px 0; padding:0px; }
.standard-page p a { text-decoration:underline }
.standard-page a { color: #4d4d4e;}
.standard-page h1 { color: #4d4d4e; font-size:35px; margin:0px 0 10px 0; padding:0px; }
.standard-page h2 { color: #4d4d4e; font-size:32px; margin:0px 0 10px 0; padding:0px;}
.standard-page h3 { color: #4d4d4e; font-size:30px; margin:0px 0 10px 0; padding:0px;}
.standard-page h4 { color: #4d4d4e; font-size:28px; margin:0px 0 10px 0; padding:0px;}
.standard-page h5 { color: #4d4d4e; font-size:25px; margin:0px 0 10px 0; padding:0px;}
.standard-page h6 { color: #4d4d4e; font-size:22px; margin:0px 0 10px 0; padding:0px;}
.standard-page p { color: #4d4d4e; font-size: 16px; font-weight: 100; line-height: 20px; margin:10px 0 0 0; padding: 0px 0 0; }
.standard-page ul { margin:0px; padding:0px 0 20px 0; }
.standard-page ul li{ background: url("../images/dots.png") no-repeat scroll 0 14px rgba(0, 0, 0, 0); color: #343435; font-size: 16px; font-weight: 100; line-height: 29px; margin: 0; padding: 0 0 0 35px;}
.standard-page ul li a { color: #343435; }
.standard-page ol { margin:0px; padding:0px 0 20px 15px; }
.standard-page ol li{ list-style:inherit; color: #343435; font-size: 16px; font-weight: 100; line-height: 29px; margin: 0; padding: 0 0 0 10px;}
.standard-page ol li a { color: #343435; }
.no-result{ font-size:35px; text-align:center; display:block; min-height:400px; padding-top:100px; }
.resources-sectino { position:relative; }
.loadmoreimg {/*background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); left: 0; position: fixed; top: 0; width: 100%;z-index: 9999;*/ height: 100%;
display:none; background: none repeat scroll 0 0 #fff; float: right; height: 100%; padding: 0 0 0 10px; width: 48px; position:absolute; right:-54px; top:0;}
.loadmoreimg img { /*left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);*/}
/*.vacancies-listing .loadmoreimg {position: absolute; right: -50px; top: 50%; transform: translate(0px, -14%); width: 60px; }*/
.vacancies-listing .loadmoreimg { float: right; left: auto; margin: 31px 19px 0 0; position: static; width: 60px; }
/*
.loadmoreimg { top:50%; left:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); display:none; position: fixed; z-index: 9999; }*/
.stButton .stButton_gradient { border-radius:0px !important; }
.stButton .st-twitter-counter, .stButton .st-facebook-counter, .stButton .st-yahoo-counter, .stButton .st-linkedin-counter { height:32px !important; }
.stButton .stButton_gradient { height:32px !important; width:32px !important; vertical-align:top; margin-top:-4px !important; margin-right:6px !important; }
.stButton .st-twitter-counter, .stButton .st-facebook-counter, .stButton .st-yahoo-counter, .stButton .st-linkedin-counter { margin-right:5px !important; width:32px !important; }
.stMainServices.st-facebook-counter { background:url(../images/fa-icon.jpg) no-repeat !important; }
.stMainServices.st-twitter-counter { background:url(../images/tw-icon.jpg) no-repeat !important }
.stMainServices.st-linkedin-counter { background:url(../images/li-icon.jpg) no-repeat !important }
.st_fb_like_button .stButton_gradient, .st_fb_like_button .stButton_gradient:hover, .st_fb_like_vcount .stButton_gradient, .st_fb_like_vcount .stButton_gradient:hover, .st_fb_like_hcount .stButton_gradient, .st_fb_like_hcount .stButton_gradient:hover, .st_facebook_button .stButton_gradient, .st_facebook_button .stButton_gradient:hover, .st_facebook_vcount .stButton_gradient, .st_facebook_vcount .stButton_gradient:hover, .st_facebook_hcount .stButton_gradient, .st_facebook_hcount .stButton_gradient:hover, .st_twitter_button .stButton_gradient, .st_twitter_button .stButton_gradient:hover, .st_twitter_vcount .stButton_gradient, .st_twitter_vcount .stButton_gradient:hover, .st_twitter_hcount .stButton_gradient, .st_twitter_hcount .stButton_gradient:hover, .stButton .stButton_gradient { background:none !important; border:1px solid #898989 !important; color: #4d4d4e !important;
font-size: 15px !important;
font-style: normal !important;
}
.stButton .stArrow { display:inherit !important }
.stButton .stBubble_hcount { color: #4d4d4e !important;
font-size: 15px !important;
font-style: normal !important; line-height:25px !important; text-align:center !important; display:block !important; }
.stButton .stHBubble { width:60px !important; margin: 0 0 0 0 !important }
.stButton .stArrow { background:none !important; }
.inputBtnSection{
display:inline-block;
vertical-align:top;
font-size:0;
font-family:verdana;
}
.disableInputField{
display:inline-block;
vertical-align:top;
height: 27px;
margin: 0 0 0 31px;
font-size:14px;
padding:0 18px 3px;
background: none repeat scroll 0 0 #f5f3f2;
border: 1px solid #525152;
width:200px;
}
.send-cv-form .disableInputField{ border-right:none; }
.send-cv-form .fileUpload { border-left:none; border-color:#525152 }
.fileUpload {
position: relative;
overflow: hidden;
border:solid 1px gray;
display:inline-block;
vertical-align:top;
}
.uploadBtn{
display:inline-block;
vertical-align:top;
background:#e12826;
font-size:31px;
padding:0 6px;
height:25px;
line-height:24px;
color:#fff;
font-weight:400;
}
.uploadBtn:hover { background:#e12726; }
.fileUpload input#uploadBtn {position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); }
/* ---------------------------------------------------------------------------------------
Search Page
--------------------------------------------------------------------------------------*/
.search-result { margin:0px; padding:0px; }
.search-result h1{ font-size:35px; font-weight:normal; margin:0px; padding:0px; }
.search-result h1 span { font-weight:100; font-style:italic; }
.search-result h1.entry-title a { font-size:30px; font-weight:normal; color:#eb332c; margin:0px; padding:0px; }
.search-result p { font-size:17px; color:#4d4d4e; margin:0px; padding:0px; line-height:35px; font-weight:normal; }
.search-result span a {font-size:15px; font-weight:normal; color:#ef634c; margin:0px; padding:0px; }
.search-result article { margin-bottom: 50px; }
.nav-links .nav-next { float: right; }
.not-found { margin:0px; padding:0px; min-height:450px; }
.search-form { margin: 30px 0 0; padding: 0; }
.search-form .search-submit { display: inline-block; font-size: 20px; font-weight: 500; margin: 0; padding: 3px 26px; vertical-align: top; }
.search-form .search-field { border:1px solid #ebebeb; margin:0px 0 0 10px; padding:6px; }
.search-form span.screen-reader-text{ font-size:20px; color:#4d4d4e; margin:0px; padding:0px; }
/*---------------------------------------------------------------------------------------------------------------
Customers Page
-------------------------------------------------------------------------------------------------------------*/
.customers { margin:0px; padding:0px; }
.customers .block-title h1 { font-size:55px; font-weight:300; color:#4d4d4e; margin:53px 0 0 0; }
.customers .block-title h1 strong { font-weight:400 }
.customers .contant { margin:0px; padding:34px 0 0 0 }
.customers .contant p { font-size:25px; color:#4d4d4e; margin:0px; padding:0px; font-weight:100; text-align:center; line-height:normal; }
.customers .btn-blue{ padding:0; text-align:center; display:table; margin:38px auto 0}
.customers .btn-blue a { padding:13px 19px; color:#fff; display:inline-block; font-size:16px; font-weight:500; text-align:center}
.purple { background:#8888c2; }
.customers-logo-banner { margin:55px 0 0 0; padding:37px 0 24px 0; width:100%; }
.customers-logo-banner .slide { text-align: center; }
.customers-logo-banner .slide { height: 220px; text-align: center; vertical-align: middle; }
.customers-logo-banner .slide > img { display: inline-block; position: relative; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); max-width:100%; }
.desktop-customer { display:block }
.tablet { display:none; }
.customer-detail .sidebar-block h3 { background-size:224px 10px; }
.video-part { position:relative; }
.video-part iframe { height: 346px; width: 100%; }
.video-part img { float:right; width:100%; }
.find-out-more { padding:0px; margin:15px 0 0 0 }
.find-out-more a{ font-size:16px; color:#fff; font-weight:500; padding:12px 16px; display:block; }
.quote-box-main { margin:0px 0 0 0; clear:both; padding-top:53px; }
.quote-box { margin:0px; padding:51px 30px; background:#f3f6f6; text-align:center; position:relative }
.quote-box:before { margin:0px; padding:0px; width:48px; height:28px; content:""; border-color: #f3f6f6 #fff; border-style: none solid solid; border-width: 0 26px 25px 25px; position: absolute; top: -27px; left:50%; transform:translate(-50%, 0px); -moz-transform:translate(-50%, 0px); -ms-transform:translate(-50%, 0px); -o-transform:translate(-50%, 0px); -webkit-transform:translate(-50%, 0px); }
.quote-box h4 { font-size:24px; color:#56565a; margin:0px; padding:0px; font-weight:100; }
.quote-box h4:before { background:url(../images/big-quote-icon-left.png) no-repeat ; display:inline-block; width:20px; height:18px; background-size:18px 18px; content:""; left: -15px; position: relative; }
.quote-box h4:after { background:url(../images/big-quote-icon-right.png) no-repeat ; display:inline-block; width:20px; height:18px; content:""; background-size:18px 18px; position:relative; top:3px; right:-15px; }
.quote-box p{margin-top: 20px; font-size: 16px; font-weight: 300;}
.commitment-section { margin-bottom:10px; }
.commitment-block { padding:117px 190px 68px; }
.commitment-block .block-title h2 { font-size:48px; color:#4d4d4e; font-weight:100; margin:0px 0 53px 0 ; padding:0px 0 27px 0; }
.commitment-block .block-title h2 { background-size:340px 10px; }
.success { padding:0px; margin:81px auto 0; width:224px; display:block; }
.success a{ padding:13px 10px; color:#fff; display:inline-block; font-size:16px; font-weight:500; text-align:center }
.customers-main .twitter-section { padding:79px 0 29px 0; margin-bottom:10px; }
.customers-main .twitter-section .twitter-block { border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; -webkit-border-radius:6px; }
.social-follow-us.social-customers { padding-top:54px; }
.social-follow-us.social-customers ul li { background:#fff; margin:0 3px; }
.social-follow-us.social-customers ul li a { color:#8787c0; }
.social-follow-us.social-customers ul li:hover { background:#2f358f; }
.social-follow-us.social-customers ul li:hover a { color:#fff; }
.social-follow-us.social-customers h2 { color:#fff; margin:15px 0 0 0; padding:0px; }
.mobile-logo-boxes { margin:0px; padding:0px; display:none; }
.mobile-logo-boxes ul { background: none repeat scroll 0 0 #8888c2; margin: 0; overflow: hidden; padding: 17px 0;}
.mobile-logo-boxes ul li { margin:0px 0 0px 0; padding:10px 10px 40px 10px; float:left; width:50%; text-align:center; height:250px; }
.mobile-logo-boxes ul li img { /*max-width: 222px;*/ max-width: 100%; position: relative; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.mobile-sq-box { display:none; }
.customer-detail .product-article > div{-webkit-transition-duration:0s;transition-duration:0s; transition:all 1.5s ease-in-out; -moz-transition:all 1.5s ease-in-out; -ms-transition:all 1.5s ease-in-out; -o-transition:all 1.5s ease-in-out; -webkit-transition:all 1.5s ease-in-out;}
.customer-detail .product-article > div.col-sm-6.col-md-7 { transform:translateX(60px); -moz-transform:translateX(60px); -ms-transform:translateX(60px); -o-transform:translateX(60px); -webkit-transform:translateX(60px); opacity:0;}
.customer-detail .product-article > div.col-sm-6.col-md-5 {transform:translateX(-60px); -moz-transform:translateX(-60px); -ms-transform:translateX(-60px); -o-transform:translateX(-60px); -webkit-transform:translateX(-60px); opacity:0;}
.customer-detail .product-article.right-sidebar > div.col-sm-6.col-md-7 {transform:translateX(-60px); -moz-transform:translateX(-60px); -ms-transform:translateX(-60px); -o-transform:translateX(-60px); -webkit-transform:translateX(-60px); opacity:0;}
.customer-detail .product-article.right-sidebar > div.col-sm-6.col-md-5{ transform:translateX(60px); -moz-transform:translateX(60px); -ms-transform:translateX(60px); -o-transform:translateX(60px); -webkit-transform:translateX(60px); opacity:0;}
.customer-detail .product-article.top-article > div.col-sm-6.col-md-7 {transform:translateY(-60px); -moz-transform:translateY(-60px); -ms-transform:translateY(-60px); -o-transform:translateY(-60px); -webkit-transform:translateY(-60px); opacity:0;}
.customer-detail .product-article.top-article > div.col-sm-6.col-md-5{transform:translateY(60px); -moz-transform:translateY(60px); -ms-transform:translateY(60px); -ms-transform:translateY(60px); -o-transform:translateY(60px); -webkit-transform:translateY(60px); opacity:0; }
.customer-detail .product-article.top-article.active > div.col-sm-6.col-md-7, .customer-detail .product-article.top-article.active > div. col-sm-6.col-md-5 {transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); -webkit-transform:translateY(0); opacity:1; }
.customer-detail .product-article.active > div.col-sm-6.col-md-7, .customer-detail .product-article.active > div.col-sm-6.col-md-5 {transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); -webkit-transform:translateX(0); opacity:1;}
.quote-box-main { opacity:0; transition:all ease-in-out 0.5s; }
.parallax.active .quote-box-main { opacity:1; }
/*=============================================== customer-deatil page start here ==========================*/
/*=======================================================================================================*/
.custom-logo span.logo-img { margin:0 25px 0 0; padding:0; display:inline-block; }
.custom-logo-img > img { max-width: 250px; }
.custom-logo i.plus-icon { margin:0 23px 0 0; padding:0; display:inline-block; }
.customer-deatil .customer-contant { display:inline-block; width:100%; display:inline-block; padding:110px 0 90px; text-align:center;}
.customer-deatil .customer-contant ul { display:inline-block; width:100%; margin:30px 0 60px;}
.customer-deatil .customer-contant ul li { display:inline-block;}
.customer-deatil .customer-contant ul li a { border-right: 2px solid #5e5c5c; color: #4d4d4e; font-size: 25px; padding: 0 20px; cursor:default}
.customer-deatil .customer-contant ul li:last-child a{ border:none;}
.customer-deatil .customer-contant ul li.active a { font-weight:100;}
.customer-deatil .customer-contant .video-customer { position:relative; width:560px; max-width:560px; height:345px; margin:0 auto 70px; padding:0px; }
.video-customer > img { width: 100%; }
.customer-deatil .customer-contant p { font-size:20px; font-weight:lighter; color:#4d4d4e; line-height:24px;}
.customer-deatil .product-section .product-article .features-img img { width:100%; max-width: -moz-min-content; }
.customer-deatil .product-section .product-article .features-img { display: block; padding: 20px; text-align: center; vertical-align: middle; }
.customer-deatil .product-section .product-article .sidebar-block { padding:20px;}
.the-challenge { background:#8888c2; width:100%; display:inline-block; text-align:center; padding:90px 0px 90px;}
.the-challenge .block-title h2 { color:#fff; background:rgba(0, 0, 0, 0) url("../images/bottom-strip-white.png") no-repeat scroll center bottom / 340px 10px; font-weight:400; }
.the-challenge p { font-size:20px; color:#fff; font-weight:lighter; padding-top:23px; line-height:normal}
.customer-deatil .product-section { padding:0px; }
.customer-deatil .product-section .product-article .features-img h3 { font-size:35px; font-weight:lighter;color:#4d4d4e; margin-top:20px;}
.customer-deatil .sidebar-block p { padding-bottom:10px;}
.the-result, .quote-result { background:#8888c2; width:100%; display:inline-block; text-align:center; padding:65px 0px 80px;}
.the-result .block-title h2, .quote-result .block-title h2 { color:#fff; background:rgba(0, 0, 0, 0) url("../images/bottom-strip-white.png") no-repeat scroll center bottom / 340px 10px; font-weight:400; padding-bottom:34px;}
.the-result h3, .quote-result h3 { font-size:40px; color:#fff; margin-top:30px; margin-bottom:15px; font-weight:400}
.the-result p, .quote-result p { font-size:25px; color:#fff; font-weight:lighter; line-height:normal}
.the-result p:after, .quote-result.quotes p:after { background: rgba(0, 0, 0, 0) url("../images/quote-icon-right-white.png") no-repeat scroll 10px 5px; content: ""; display: inline-block; height: 24px; width: 28px; }
.the-result p:before, .quote-result.quotes p:before{ background: rgba(0, 0, 0, 0) url("../images/quote-icon-left-white.png") no-repeat scroll 0 8px; content: ""; display: inline-block; height: 28px; width: 28px; }
/*=============================================== customer-deatil page End here ==========================*/
/*=======================================================================================================*/
/*=============================================== success-team page start here ==========================*/
/*=======================================================================================================*/
.main-area.product.customer-deatil, .success-team.product { border:none; }
.success-team .video-section { background:#b0b1d9; display:inline-block; text-align:center;}
.success-team .video-section:before { background:none; position:relative; padding:220px 0;}
.success-team .video-background { background-position:top center; background-repeat:no-repeat; background-size:cover; overflow:hidden; }
.success-team .video-background:before { content:""; background:rgba(226, 42, 38, 0.35); width:100%; height:100%; position:absolute; top:0; left:0; right:0; bottom:0; }
.success-team .video-section h2 { font-size:54px; font-weight:lighter; color:#010101;}
.page-template-tp-customer-success-team-php .success-team .video-section h2 { color:#fff; }
.success-team .all-board { width:100%; display:inline-block; text-align:center;}
.success-team .all-board .block-title { padding:50px 0 40px;}
.success-team .all-board .description { padding:0px 20px; border-bottom:1px solid #a09d9c; padding-bottom:90px;}
.success-team .all-board .description p { padding-bottom:20px;}
.success-team .product-section { padding-top:0px;}
.success-team .product-section article:last-child { border-bottom:1px solid #a09d9c;}
.success-team .product-section .product-article { padding:75px 0px;}
.success-team .product-section .title-desc { width:100%; display:inline-block; text-align:center; font-size:30px; padding:70px 0px;}
.success-team .product-section .title-desc p { font-size:30px; font-weight:lighter; background:rgba(0, 0, 0, 0) url("../images/bottom-strip-red.png") no-repeat scroll center bottom / 311px auto; padding-bottom: 30px;}
.success-team .team-detail { width:100%; float:left;}
.success-team .team-detail .team-detail-images { width:50%; float:left; overflow:hidden; position:relative;}
.success-team .team-detail .team-detail-images img { height:532px; width:auto; overflow:hidden; display:block}
.success-team .team-detail .team-detail-contant { width:50%; float:left; background:#f3f6f6; min-height:532px; position:relative;}
.success-team .team-detail .right-side { float:right;}
.success-team .team-detail .team-detail-contant .team-side-desc { max-width:350px;}
.success-team .team-detail .team-detail-contant .team-side-desc.right-side, .success-team .team-detail .team-detail-contant .team-side-desc.right-side .block-title { text-align:right;}
.success-team .team-detail .team-detail-contant .team-side-desc .block-title h2{ background:none; padding-bottom:0px;}
.success-team .team-detail .team-detail-contant .team-side-desc .block-title { background: rgba(0, 0, 0, 0) url("../images/bottom-strip-red.png") no-repeat scroll right bottom / 100% auto; margin-bottom: 40px;padding-bottom: 40px; text-align:left;}
.success-team .team-detail .team-detail-contant .team-side-desc span { width:100%; display:inline-block; font-size:25px; font-weight:lighter;}
.success-team .team-detail .team-detail-contant .team-side-desc p { font-size:20px; font-weight:lighter; line-height:24px;}
.success-team .team-detail .team-detail-contant .team-side-desc.right-side { padding: 130px 150px 62px 0; text-align: right; }
.success-team .team-detail .team-detail-contant .team-side-desc { max-width: 509px;}
.success-team .team-detail .team-detail-block { float: left; width: 100%; }
.success-team .team-detail .team-detail-contant .team-side-desc { padding: 130px 0px 62px 150px; text-align:left; }
.success-team .team-detail .team-detail-contant .team-side-desc.right-side:after { border-color: transparent transparent transparent #f3f6f6; border-style: solid; border-width: 62px 0 62px 62px; content: ""; display: inline-block; height: 0; margin-top: -54px; position: absolute; right: -52px; top: 50%; width: 0; left:auto; }
.success-team .team-detail .team-detail-contant .team-side-desc:after { border-color: transparent #f3f6f6 transparent transparent ; border-style: solid; border-width: 54px 55px 54px 0px; content: ""; display: inline-block; height: 0; margin-top: -54px; position: absolute; left: -54px; top: 50%; width: 0; }
.container.center-contant {overflow: visible;position: relative; max-width:1140px;}
.commitment-section {background:#f3f6f6; overflow:hidden; }
.commitment-section .left-side { float: left; overflow:hidden; width:100%;max-width: 70%; background:#f3f6f6; position:absolute; right:100%; top:0; }
.commitment-section .left-side li, .commitment-section .right-side li { float:left; width:auto; overflow:hidden;}
.commitment-section .left-side li img, .commitment-section .right-side li img {width: auto; height:307px;}
.commitment-section .left-side > ul { float: right; width:100%;}
.commitment-section .right-side { float:right; overflow:hidden; width:100%; max-width: 70%; position:absolute; left:100%; top:0}
.commitment-section .right-side > ul { float:left; width:100%;}
/*.commitment-section .center-contant { left: 50%; margin-left: -570px; padding: 0; position: absolute; width: 1140px; z-index: 2; }*/
.commitment-section .left-side li { float: right; }
/*=============================================== our-customer page start here ==========================*/
/*=======================================================================================================*/
.our-customers { width:100%; float:left;}
.our-customer-title { width:100%; float:left; padding:50px 0 70px;}
.our-customer-title .block-title h2 { font-size:55px; margin-bottom:30px;}
.our-customer-title .description p { font-size:25px; line-height:30px;}
.our-customers .our-customer-logo { display: inline-block; width: 100%; }
.our-customers .our-customer-logo ul { width:100%; /*display:table;*/ margin:0px; padding:0px;}
.our-customers .our-customer-logo ul li { float:left; width:16.666%; position:relative; overflow:hidden;}
.our-customers .our-customer-logo ul li a {position:absolute; top: 50%; display:inline-block; text-align:center; width:100%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding:0px 20px; }
.our-customers .our-customer-logo ul li > a { cursor:default; }
.our-customers .our-customer-logo ul li a img { display:inline-block; max-width:100%;}
.our-customers .our-customer-logo ul li .hover-contant { background: #4d4e4e none repeat scroll 0 0; bottom:-100%; display: inline-block; height: 80%; left: 0; padding: 25px 0px; position: absolute; text-align: center; width: 100%; position:absolute; transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; -ms-transition:all 1s; visibility:hidden; }
.our-customers .our-customer-logo ul li .hover-contant .center-contant { left: 50%; position: relative; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); width: 62%; }
.our-customers .our-customer-logo ul li .hover-contant:after {width: 0; height: 0; border-style: solid; border-width: 0 37px 37px 37px; border-color: transparent transparent #4d4e4e; position:absolute; left:50%; margin-left:-34px; content:""; display:inline-block; top: -37px; }
.our-customers .our-customer-logo ul li .hover-contant h3 { color:#fff; /*font-size:26px;*/ font-size:16px; position:relative; font-weight:400; margin-top:18px; line-height:normal;}
.our-customers .our-customer-logo ul li .hover-contant h3::before { background: rgba(0, 0, 0, 0) url("../images/quote-icon-left-white.png") no-repeat scroll 0 0 / 100% auto; content: ""; display: inline-block; height: 18px; left: -13px; position:relative; top:0px; width: 14px; }
.our-customers .our-customer-logo ul li .hover-contant h3::after{ background: rgba(0, 0, 0, 0) url("../images/quote-icon-right-white.png") no-repeat scroll 0 0 / 100% auto; bottom: 2px; content: ""; display: inline-block; height: 14px; position:relative; right:-10px; width: 14px; }
.our-customers .our-customer-logo ul li .hover-contant span { color: #fff; display: inline-block; font-size: 24px; font-weight: lighter; padding: 9px 0; width:100%; }
.our-customers .our-customer-logo ul li .hover-contant a.btn {position: relative; background:#2e3192; font-size:16px; font-weight:bold; border:5px solid #fff; width:auto; margin-top: 28px; padding:10px 25px}
.our-customers .our-customer-logo ul li .hover-contant a.btn:hover { background:#e12826;}
.our-customers .our-customer-logo ul li:hover .hover-contant { visibility:visible; bottom:0px;}
.no-csstransitions .product-article.right-sidebar > div, .no-csstransitions .product-article > div { opacity:1; visibility:visible; transform:translate(0,0); }
.no-csstransitions .product .product-article.right-sidebar > div:first-child, .no-csstransitions .product .product-article > div:first-child, .no-csstransitions .product .product-article.right-sidebar > div:last-child, .no-csstransitions .product .product-article > div:last-child,
.no-csstransitions .customer-detail .product-article.right-sidebar > div.col-sm-6.col-md-5, .no-csstransitions .customer-detail .product-article.right-sidebar > div.col-sm-6.col-md-7, .no-csstransitions .customer-detail .product-article > div.col-sm-6.col-md-5, .no-csstransitions .customer-detail .product-article > div.col-sm-6.col-md-7 { opacity:1; transform:translateX(0px); }
.postlink-hidden { display:none; }
.d1 { animation-duration:0.5s; }
.d2 { animation-duration:0.9s; }
.d3 { animation-duration:1s; }
.d4 { animation-duration:1.5s; }
.slide-box { float: left; width: 210px; height:220px; margin: 0 9px; }
.slide-box img { position:relative; top:50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); max-width:100%; width:auto; }
.firstanimate { opacity:0 !important; }
.firstanimate.fadeInDown { opacity:1 !important; }
/* ================================================= Partner Page ============================================================= */
.page-template-tp-partner .three-coll-section .block-detail, .page-template-tp-partner .resources-description { -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; -o-column-count: 2; column-count: 2; -webkit-column-gap: 20px; -moz-column-gap: 20px; -ms-column-gap: 20px; -o-column-gap: 20px; column-gap: 20px;}
.page-template-tp-partner .inner-block .btn, .page-template-tp-customer-success-team-php .video-section .btn { padding:6px 17px; display:inline-block; text-transform:uppercase; font-size:20px; font-weight:bold; color:#fff; margin-top:32px; }
.page-template-tp-partner .inner-block .btn { border:5px solid #fff; }
.page-template-tp-customer-success-team-php .video-section .btn { margin-top:56px; border:5px solid #fff; }
.page-template-tp-partner .inner-block .btn i, .page-template-tp-customer-success-team-php .video-section .btn i{ margin-right:15px; }
.page-template-tp-partner .inner-block { box-shadow:none; background:none; width:543px; padding:41px 0 37px 0; position:relative; z-index:1; }
.page-template-tp-partner .full-coll-section { padding-top:0px; padding-bottom:0px; position:relative }
.partner-top-section { margin:0; padding-top:57px; padding-bottom:94px; background-repeat:no-repeat; background-size:cover; position:relative }
.page-template-tp-partner .partner-top-section:after { content:""; width:100%; height:100%; margin:0; padding:0; background:rgba(226, 42, 38, 0.35); position:absolute; top:0; bottom:0; }
.page-template-tp-partner .inner-block p { color: #fff; font-size: 20px; font-weight: 100; line-height: 24px; margin: 0; padding: 30px 0 0; }
.page-template-tp-partner .three-coll-section .block-title { margin-bottom:38px; }
.page-template-tp-partner .three-coll-section .block-title h2 { font-weight:400; font-size:30px; color:#4e4e4e; background-size:339px auto; padding-bottom:32px; }
.page-template-tp-partner .three-coll-section .block-one { padding-top:63px; }
.page-template-tp-partner .three-coll-section .block-detail p,.page-template-tp-partner .four-coll-section .block-detail p{ font-size:22px; font-weight:100; line-height:28px; color:#4d4d4e; }
.page-template-tp-partner .three-coll-section .block-one h3 { font-size:30px; min-height:111px; padding-bottom:45px; }
.page-template-tp-partner .three-coll-section .block-one p { text-align:left; }
.page-template-tp-partner .three-coll-section .block-one p br { margin-bottom:34px; }
.page-template-tp-partner .three-coll-section .block-one img { padding-bottom:50px; }
.page-template-tp-partner .our-customer-logo .single-btn, .page-template-tp-partner-success-stories .our-customer-logo .single-btn{ width:185px; margin:0 auto; display:block; font-weight:500; text-transform:uppercase; font-size:16px; line-height:45px; position: relative;}
.logo-block { display:block; text-align:center; margin:0px; padding:130px 0 0 0; clear:both; }
.page-template-tp-partner .resources-section .btn-blue a { padding:14px 18px; }
.page-template-tp-partner .three-coll-section { padding-bottom:78px; }
.page-template-tp-partner .resources-description p { text-align:left; }
.page-template-tp-partner .resources-description { margin: 63px 0 68px 0; padding-top:0; padding-bottom:0; }
.page-template-tp-partner .resources-section{ padding-bottom:78px; clear:both; padding-top:0px; }
.page-template-tp-partner .new-block, .page-template-tp-partner .gold-block, .page-template-tp-partner .platinum-block, .page-template-tp-partner .diamond-block { padding-top:18px; margin-top:91px; overflow:hidden; margin-bottom:94px; border-left-width:1px; border-right-width:1px; border-top-width:16px; border-bottom-width:16px; border-style:solid; }
.new-block { border-color:#da1f26; }
.gold-block { border-color: #f29320; }
.platinum-block { border-color: #9b9b9b; }
.diamond-block { border-color: #78b5e3; }
.new-block .block-one h3 { background:url(../images/bottom-strip-red.png) no-repeat bottom center; background-size:227px auto; padding:0 35px 33px 35px; font-size:25px; color:#da1f26; margin-bottom:40px; }
.gold-block .block-one h3 { background:url(../images/gold-strip.png) no-repeat bottom center; background-size:227px auto; padding:0 35px 35px 35px ; font-size:25px; color:#f29320; margin-bottom:40px;}
.platinum-block .block-one h3 { background:url(../images/platinum-strip.png) no-repeat bottom center; background-size:227px auto; padding:0 35px 35px 35px; font-size:25px; color:#9b9b9b; margin-bottom:40px; }
.diamond-block .block-one h3 { background:url(../images/diamond-strip.png) no-repeat bottom center; background-size:227px auto; padding:0 35px 35px 35px; font-size:25px;color:#78b5e3; margin-bottom:40px;}
.page-template-tp-partner .new-block .block-one, .page-template-tp-partner .gold-block .block-one, .page-template-tp-partner .platinum-block .block-one, .page-template-tp-partner .diamond-block .block-one { padding-left:0; padding-right:0; }
.four-coll-section .parallax .icon, .four-coll-section .parallax .content, .four-coll-section .parallax .button, .four-coll-section .parallax .block-one::before { opacity:1; }
.new-block .block-one ul li { background:url(../images/red-dots.jpg) no-repeat ; background-position:7px 10px; margin-bottom:16px; }
.gold-block .block-one ul li { background:url(../images/gold-dots.jpg) no-repeat ; background-position:7px 10px; margin-bottom:16px; }
.platinum-block .block-one ul li { background:url(../images/platinum-dot.jpg) no-repeat ; background-position:7px 10px; margin-bottom:16px; }
.diamond-block .block-one ul li { background:url(../images/diamond-dot.jpg) no-repeat ; background-position:7px 10px; margin-bottom:16px; }
.page-template-tp-partner .four-coll-section .btn.btn-blue { padding:0px; display:block; clear:both; margin:0 auto; width:245px; }
.page-template-tp-partner .four-coll-section .btn.btn-blue a.more { padding-left: 63px; text-align:center; display:block; clear:both; padding-right: 63px; }
.page-template-tp-partner .videos-section .block-title h2 { margin:77px 0 72px 0; background-size:212px 10px; padding-bottom:20px; }
.partner-registration-form label { float:left; width:100%; margin-right:0px; margin-top:4px }
.partner-registration-form.email-popup-box .wpcf7-submit { clear:both; max-width:162px; float:right; margin-top:8px; }
.partner-registration-form.email-popup-box { padding:20px 10px 0 !important }
.partner-registration-form.email-popup-box input.wpcf7-text { width:100%; max-width:100%; clear:both; }
.partner-registration-form .wpcf7-form-control-wrap.about-us { width:100%; clear: both !important; display: inline-block; margin-top: 0px; }
.partner-registration-form .select-wrapper, .partner-registration-form .select-wrapper select { width:100%; }
.partner-registration-form.email-popup-box span.wpcf7-not-valid-tip { transform: translate(0, 0px); -moz-transform: translate(0, 0px); -ms-transform: translate(0, 0px); -webkit-transform: translate(0, 0px); -o-transform: translate(0, 0px); margin-left:0px; }
.partner-registration-form.email-popup-box .wpcf7-validation-errors{ clear:both; margin-top:50px; }
.partner-registration-form .wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ng { clear: both; margin: 57px 0 10px; }
.single-partner .customer-deatil .customer-contant ul { margin:20px 0; }
/* ================================================= End Partner Page ============================================================= */
/* Home Page New Slider */
.banner-section { background:none; padding:0; }
.banner-section .bxslider > li { padding-top:0; background-repeat:no-repeat; }
.banner-section .bxslider > li .slide-items {padding-top:113px; background-repeat:no-repeat; }
.banner-section .bxslider > li .slide-two { padding-top:72px; padding-bottom:117px; }
.banner-section .banner-title h3 { font-size:57px; color:#fff; font-weight:400; margin-bottom:33px; }
.slider-box { background:rgba(225,225,225,.13); display:inline-block; padding:17px 10px 22px; min-height:227px; margin-bottom:65px; position:relative; width:100%; }
.slider-box p { font-size:32px; color:#fff; font-weight:100; text-align:center; margin:0px 0 16px 0; padding:0px; line-height:42px; }
.slider-box p:before { content:""; background:url(../images/left-top-quote.png) no-repeat top left; display:inline-block; width:8px; height:22px; }
.slider-box p:after { content:""; background:url(../images/bottom-right-quote.png) no-repeat top right; display:inline-block; width:8px; height:22px; }
.slider-box p strong { font-weight:bold; }
.slider-box .customer-detail { margin:0px; padding:0px; text-align:center; display:table; width:100%; }
.slider-box .customer-detail h4 { font-size:24px; color:#fff; font-weight:bold; display:table-cell; vertical-align:middle }
.slider-box .customer-detail div{ text-align:left; }
.bx-wrapper .bx-viewport ul.bxslider li .slider-box .customer-detail div img{ display:table-cell; width:auto !important; float:none; vertical-align:middle }
.slide-two .start-btn { padding:8px 20px; }
.slide-three .slider-description a { margin-top:28px; }
.slide-contact-manager .slider-description { padding-top: 0; margin-top: -5px; }
.slide-contact-manager .slider-description h1 { padding-bottom: 25px; }
.slide-contact-manager .slider-description p { line-height: 1.2em; padding: 22px 0; }
.bx-wrapper .bx-viewport ul.bxslider li .slide-contact-manager .banner-logo { margin-bottom: 15px; }
.bx-wrapper .bx-viewport ul.bxslider li .slide-contact-manager .banner-logo img { height: auto; max-width: 488px; }
.slide-mobile-app .slider-description h1 { padding-bottom: 25px; }
.slider-box.left-slide { position:relative }
.slider-box.left-slide::after { content:"";width: 0; height: 0; border-style: solid; border-width: 0 55px 55px 0; border-color: transparent rgba(225,225,225,0.13) transparent; position:absolute; bottom:-55px; right:48px; }
.slider-box.middle-slide::after { content:"";width: 0; height: 0; border-style: solid; border-width: 55px 27.5px 0 27.5px; border-color: rgba(225,225,225,0.13) transparent transparent transparent; position:absolute; bottom:-55px; left:50%; transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%); }
.slider-box.right-slide::after { content:"";width: 0; height: 0; border-style: solid; border-width: 55px 55px 0 0; border-color: rgba(225,225,225,0.13) transparent transparent transparent; position:absolute; bottom:-55px; left:48px; }
.banner-section .bxslider > li .slide-three {background-position: center top; background-repeat: no-repeat; padding-bottom:5px }
.slide-three .slider-description h1 { font-weight:400; color:#4d4d4e; line-height:normal; padding-bottom:50px; }
.bx-wrapper .bx-viewport ul.bxslider li .banner-logo { display:inline-block; width:100%; margin-bottom:45px; }
.bx-wrapper .bx-viewport ul.bxslider li .banner-logo img { max-width:309px; width:100%; float:left; display:block; padding-top: 0; }
.bx-wrapper .bx-viewport ul.bxslider li .slide-three .descktop-banner img { float:right; position: relative; left: 20px; top: 32px; max-width:1106px; width:100%; padding-bottom:50px; }
.slider-description .bx-viewport { height:162px !important; width:385px !important; }
.slider-description .bx-wrapper { margin-bottom: 23px; }
.bx-wrapper .bx-viewport ul.bxslider li .slide-three .slider-description { z-index:1; top:118px; width:320px; padding-top:15px; position:absolute; }
.banner-section .bxslider > li .slide-three { padding-top:5px; }
.inner-bxslider, .inner-bxslider li { width:385px !important; }
.slide-three .slider-description h1{ font-size:45px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
.slide-three .slider-description a { margin-top:22px; }
.slider-box { margin-bottom:64px; }
}
/* End Home Page New slider */
.EmbeddedTweet-tweet{padding:0px !important; }
.twitter-tweet .EmbeddedTweet { border:none !important; }
.SandboxRoot { clear: both;
color: #4d4d4e !important;
font-size: 16px !important;
font-weight: 100 !important;
word-wrap: break-word;}
.Tweet-action + .Tweet-action { margin-left: 2rem !important; }
.Tweet-authorScreenName.Identity-screenName.p-nickname { font-size:12px !important; }
.banner-section .slider-description .bx-controls { display:none !important; }
/* cookie Page */
#cookie-law-info-bar { padding:32px 0 36px; text-align:left; }
#cookie-law-info-bar span { display:block; width:1170px; margin:0 auto; font-size:18px; color:#fff; font-weight:100; line-height:20px; }
#cookie-law-info-bar .cli-plugin-main-button, #CONSTANT_OPEN_URL { float:right; font-size:18px; color:#000 !important; font-weight:800; padding:6px 14px 6px; margin:-10px 16px 0 0; border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; background:#fff !important; text-transform:uppercase; }
.mobile-start-button{ overflow:hidden; }
/*.slide-items .col-sm-6, .banner-container .col-sm-12 { position:inherit; }
.banner-section .bxslider > li { position:relative; }
.banner-container { margin:0px; padding:0px; height:100%;}
.action { position:absolute; bottom:109px; }*/
.careers-section .vacancies-btn.btn.btn-blue { background:none; }
.careers-section .vacancies-btn.btn.btn-blue a { background:#2f358f; display:inline-block; margin:0 10px; font-weight:bold; vertical-align:top}
.careers-section .vacancies-btn.btn.btn-blue a .fa{ margin-right:5px; }
.careers-section .vacancies-btn.btn.btn-blue a:hover { background:#e12826; }
.wistia_romulus_control img { border-color:#fff !important; }
#partner_registration_form .description { margin-top:20px; }
#partner_registration_form .select-wrapper { border:none;}
#partner_registration_form .select-wrapper > .select-wrapper { border:1px solid #e33d2c; }
.touch .resource-img .download-link{ opacity:0; top:0; z-index:-1; }
.resource-img:hover .download-link { opacity:1; z-index:1;}
.fancybox-type-iframe .fancybox-close { right:3px; top:3px; border-radius:0px; -moz-border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px; -webkit-border-radius:0px; width:35px; height:35px }
.fancybox-type-iframe .fancybox-skin { border:none;}
.fancybox-iframe-video { width:100% !important; height:100% !important; }
.fancybox-iframe-video .fancybox-inner{ transform:scale(0); transition:all 0.2s linear 0s !important; -moz-transition:all 0.2s linear 0s !important; -ms-transition:all 0.2s linear 0s !important; -o-transition:all 0.2s linear 0s !important; -webkit-transition:all 0.2s linear 0s !important;}
.fancybox-iframe-video .fancybox-loaded{ transform:scale(1);opacity:1;}
iframe { transition:all 0.2s linear 0s !important; -moz-transition:all 0.2s linear 0s !important; -ms-transition:all 0.2s linear 0s !important; -o-transition:all 0.2s linear 0s !important; -webkit-transition:all 0.2s linear 0s !important;}*/
.fancybox-iframe-video iframe { width:100% !important; height:100% !important; }
.globle-video-popup { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.tab-hide a{ cursor: default; }
.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
/* ================================================= Begin News Overview Page ============================================================= */
.news .full-coll-section { background-position: 50% 50%; }
.section { padding: 30px 0 60px; }
.articles-list .articles-list--filters {
text-align: center;
padding: 40px 0;
}
.articles-list .articles-list--filters select,
.articles-list .articles-list--filters .list-dropdown-wrap.label-above select { width: 200px }
.article-summary {
margin-bottom: 40px;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.article-summary .article-summary--img,
.article-single .article-single--img { max-width: 100%; height: auto }
.article-summary .article-summary--title {
font-weight: 400;
font-size: 25px;
text-transform: uppercase;
margin-bottom: 10px;
}
.article-summary .article-summary--title > a { color: #4D4D4E }
.article-summary .article-summary--date,
.article-single .article-single--date {
background: url(../images/calendar-icon.png) no-repeat 0 2px;
padding-left: 22px;
font-weight: 300;
font-size: 12px;
}
.article-summary .article-summary--content { margin: 10px 0; }
.article-summary .article-summary--content p { font-weight: 300; font-size: 18px; line-height: 1.2em }
.article-summary .article-summary--footer .btn {
text-transform: uppercase;
font-weight: 500;
padding-top: 5px;
padding-bottom: 5px;
margin-right: 10px;
}
.loading .article-summary { opacity: 0.3 }
@media screen and (max-width: 767px) {
.article-summary .article-summary--img { margin-bottom: 15px; }
}
@media screen and (min-width: 768px) {
.section { padding: 75px 0 80px; }
}
.pagination-centered {
text-align: center;
position: relative;
margin: 30px 0;
clear: both;
min-height: 1px;
}
.pagination-centered * { -webkit-font-smoothing: antialiased; }
.pagination-centered .pagination {
display: inline-block;
margin: 0;
padding: 0;
list-style: none;
}
.pagination-centered .pagination li {
padding: 0;
margin: 0;
}
.pagination-centered .pagination > li {
display: inline-block;
}
.pagination-centered .pagination > li > a {
background: #302683;
color: #FFFFFF;
font-weight: 400;
font-size: 18px;
padding: 0;
height: 22px;
line-height: 20px;
width: 22px;
text-align: center;
border-radius: 0;
border: 1px solid transparent;
-moz-transition: background 0.2s linear;
-o-transition: background 0.2s linear;
-webkit-transition: background 0.2s linear;
transition: background 0.2s linear;
}
.pagination-centered .pagination > li > a:hover {
background: #e2261c;
}
.pagination-centered .pagination > li.current > a {
background: none;
border: 1px solid #302683;
color: #302683;
}
.pagination-centered .pagination > li > a.prev,
.pagination-centered .pagination > li > a.next {
background: none;
color: #4d4d4d;
font-size: 0;
line-height: 0;
font-weight: 300;
text-transform: uppercase;
width: auto;
}
.pagination-centered .pagination > li > a.next:before {
float: right;
margin-left: 0.625em;
width: 0;
height: 0;
content: '';
display: block;
border-right: none;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #e2261c;
}
.pagination-centered .pagination > li > a.prev:before {
float: left;
margin-right: 0.625em;
width: 0;
height: 0;
content: '';
display: block;
border-left: none;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid #e2261c;
}
@media screen and (min-width: 768px) {
.pagination-centered .pagination > li > a.prev,
.pagination-centered .pagination > li > a.next {
position: absolute;
top: 0;
left: 0;
font-size: 21px;
line-height: 22px;
}
.pagination-centered .pagination > li > a.next {
left: auto;
right: 0;
}
}
/* ================================================= Begin News Article Page ============================================================= */
.article-single .article-single--title { font-weight: 300; font-size: 36px; margin-bottom: 20px; }
.article-single .article-single--meta { margin-bottom: 20px; }
.article-single .article-single--author { float: left; margin-right: 10px; }
.article-single .article-single--date { font-size: 15px; overflow: hidden; }
.article-single .article-single--topics { background: #F2F0F4; padding: 10px }
.article-single .article-single--topics > dt { font-weight: bold; font-size: 18px; }
.article-single .article-single--topics > dd { font-weight: 400; font-size: 18px; }
.article-single .article-single--topics > dd > ul > li:first-child { margin-left: 0 }
.article-single .article-single--topics > dd > ul > li:before { content: '•'; margin-right: 5px; }
.article-single .article-single--content .lead { font-size: 24px; }
.article-single .article-single--content h2 { font-size: 28px; font-weight: 500 }
.article-single .article-single--content p, li { font-size: 18px; font-weight: 300 }
.article-single .article-single--content p { margin: 1em 0; }
.article-single .article-single--content .alignleft,
.article-single .article-single--content .alignright { margin-bottom: 15px; }
.article-single .article-single--content ul li { position: relative; padding-left: 17px; margin-bottom: 5px; }
.article-single .article-single--content ul li:before {
content: '';
height: 7px;
width: 7px;
background: #e12826;
position: absolute;
top: 9px;
left: 0;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.article-single .article-single--content a { font-weight: 400; color: #302683 }
.aside .feature { margin-bottom: 30px; }
@media screen and (min-width: 768px) {
.article-single .article-single--date { margin-top: 24px; }
.article-single .article-single--topics > dd > ul > li { float: left; margin-left: 10px; }
.article-single .article-single--content .alignleft { float: left; margin-right: 15px; margin-bottom: 0 }
.article-single .article-single--content .alignright { float: right; margin-left: 15px; margin-bottom: 0 }
}
.feature .feature--title {
font-size: 28px;
font-weight: 300;
text-align: center;
border-bottom: 1px solid #e12826;
padding-bottom: 10px;
margin-bottom: 20px;
}
.cta-feature {
background: #e12826;
color: #FFF;
text-align: center;
padding: 20px;
}
.cta-feature * { -webkit-font-smoothing: antialiased; }
.cta-feature .cta-feature--title {
font-weight: 300;
font-size: 26px;
margin-bottom: 10px;
}
.cta-feature p { font-size: 18px; font-weight: 300; margin: 1em 0; }
.cta-feature .btn { font-weight: bold; text-transform: uppercase; }
.cta-feature .btn:hover { background: #fff; color: #2f358f }
.cta-feature * { -webkit-font-smoothing: antialiased }
.feature ul > li { font-size: 16px; margin-bottom: 10px; }
.feature ul > li > a { color: #333333 }
.feature ul > li > a:hover { color: #2f358f }
.feature ul > li:before {
width: 0;
height: 0;
content: '';
display: block;
border-right: none;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-left: 7px solid #e12826;
float: left;
margin-right: 12px;
position: relative;
top: 3px;
}
.feature .custom-html-widget { min-height: 25px }
.feature .addthis_default_style { text-align: center }
.feature .addthis_default_style [class*="addthis_button_"] { display: inline-block; float: none }
.feature .addthis_default_style .google_plusone_iframe_widget { width: auto !important; }
/* ajax spinner */
.loading { position:relative }
.loading .spinner { display:block }
.spinner {
display: none;
height: 1em;
width: 1em;
border-radius: 100%;
background: #e12826;
margin-top: 4em;
position: absolute;
left: 50%;
animation: spin 2s ease infinite;
}
.spinner:before, .spinner:after{
content:'';
display:block;
position:absolute;
height:inherit;
width:inherit;
background:inherit;
border-radius:inherit;
animation:spin 2s ease infinite;
}
.spinner:before { left: -1.15em; }
.spinner:after { left: 1.15em; }
@keyframes spin {
0% {top:0; transform:rotate(0deg) }
50% { top:-2em; transform:rotate(-180deg) }
100% { top:0; transform:rotate(-360deg) }
}
/* ================================================= Begin Pillar Page ============================================================= */
.banner {
-webkit-background-size: cover;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
color: #fff;
padding: 50px 20px 20px 20px;
position: relative;
}
.banner:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
background: rgba(0, 0, 0, 0.43);
}
.banner > * { position: relative; z-index: 2 }
.banner * { -webkit-font-smoothing: antialiased; font-weight: 300; }
.banner .banner--title { font-size: 32px; margin: 0; }
.banner .banner--sub-title { font-size: 24px; margin: 0.4em 0 0; }
.banner .banner--sub-title > h1 { display: inline; font-size: 24px; }
@media screen and (min-width: 768px) {
.banner { padding: 250px 0 45px 0 }
.banner .banner--title { font-size: 54px; }
.banner .banner--sub-title,
.banner .banner--sub-title > h1 { font-size: 40px; }
}
.article-single .article-single--content .resources { background: #F2F0F4; padding: 20px; margin-top: 15px; }
.article-single .article-single--content .resources .resources--title { font-size: 28px; font-weight: 500; margin: 0 0 0.6em }
.article-single .article-single--content .resources .resources--links { width: 100%; overflow: hidden }
.article-single .article-single--content .resources .resources--links > li { padding-left: 0 }
.article-single .article-single--content .resources .resources--links > li:before { content: none; }
.article-single .article-single--content .resources .resources--links > li a { font-weight: 300 }
.article-single .article-single--content .paging {
border: none;
width: 100%;
overflow: hidden;
padding: 0;
margin-top: 35px;
}
.article-single .article-single--content .paging li { margin: 0; }
.article-single .article-single--content .paging li:before { content: none; }
.article-single .article-single--content .paging .prev-page { float: left; padding-left: 30px; }
.article-single .article-single--content .paging .next-page { float: right; }
.article-single .article-single--content .paging li a { font-weight: 300; color: #505857 }
.pillar-menu {
width: 100%;
overflow: hidden;
-webkit-font-smoothing: antialiased;
margin-top: 25px;
margin-bottom: 15px;
}
.pillar-menu > li {
padding-left: 0 !important;
margin-bottom: 10px !important;
display: table;
width: 100%;
}
.pillar-menu > li:before { content: none !important; }
.pillar-menu > li > a,
.article-single--content .pillar-menu > li > a {
background: #302683;
color: #FFF;
font-weight: 700;
font-size: 17px;
text-transform: uppercase;
padding: 0 10px 0 67px;
position: relative;
display: table-cell;
vertical-align: middle;
height: 50px;
line-height: 18px;
-webkit-transition: background 0.2s linear;
-moz-transition: background 0.2s linear;
-ms-transition: background 0.2s linear;
-o-transition: background 0.2s linear;
transition: background 0.2s linear;
}
.pillar-menu > li > a:hover,
.pillar-menu > li > a.active { background: #e12826; color: #FFF; }
.pillar-menu > li > a > span {
display: block;
font-size: 80px;
line-height: 48px;
float: left;
text-align: center;
width: 42px;
height: 54px;
position: absolute;
top: 50%;
left: 10px;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.feature .pillar-menu > li { margin-bottom: 7px !important; width: 100%; margin-left: 0 }
.feature .pillar-menu > li > a {
color: #FFF;
font-size: 14px;
height: 44px;
line-height: 15px;
padding: 0 5px 0 52px;
}
.feature .pillar-menu > li > a:hover { color: #FFF; }
.feature .pillar-menu > li > a > span {
font-size: 71px;
font-weight: 500;
width: 35px;
left: 5px;
}
.feature .pillar-menu + .btn-ghost { width: 100%; }
.boilerplate {
background: #e12826;
padding: 20px;
color: #FFF;
position: relative;
margin: 15px 0 15px;
}
.boilerplate .boilerplate--cta-img { display: none; }
.boilerplate a.boilerplate--cta-link {
width: 100%;
margin-top: 20px;
text-transform: uppercase;
color: #FFF;
}
.boilerplate .boilerplate--content h2 { font-size: 24px; font-weight: 500; margin-bottom: 0.2em }
.boilerplate .boilerplate--content p,
.boilerplate .boilerplate--content li { font-size: 15px; }
.boilerplate .boilerplate--content p { margin: 0.5em 0; }
.boilerplate .boilerplate--content p:last-child { margin-bottom: 0 }
.boilerplate .boilerplate--content a { font-weight: 500; color: #fff }
.boilerplate .boilerplate--content ul > li:before {
width: 0;
height: 0;
content: '';
display: block;
border-right: none;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 9px solid #FFF;
position: absolute;
top: 5px;
left: 0;
margin-right: 12px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
@media screen and (min-width: 768px) {
.article-single .article-single--content .resources { margin-top: 35px; }
.article-single .article-single--content .resources .resources--links > li {
float: left;
width: 48%;
margin-left: 4%;
}
.article-single .article-single--content .resources .resources--links > li:nth-child(odd) { clear:left; margin-left: 0 }
.article-single .article-single--content .resources .resources--links > li > ul > li:last-child { margin-bottom: 0 }
.pillar-menu > li {
float: left;
width: 48%;
margin-left: 4%;
margin-bottom: 30px !important;;
}
.pillar-menu > li:nth-child(odd) { clear: left; margin-left: 0; }
.boilerplate { margin: 35px 0 0; }
.boilerplate .boilerplate--content { margin-left: 280px; }
.boilerplate .boilerplate--cta {
position: absolute;
top: 20px;
left: 20px;
bottom: 20px;
width: 260px;
background: #fff;
}
.boilerplate .boilerplate--cta-img {
display: block;
position: absolute;
top: 50%;
left: 5%;
right: 5%;
max-width: 90%;
margin-top: -21px; /* half button height */
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.boilerplate a.boilerplate--cta-link {
position: absolute;
bottom: 12px;
left: 5%;
right: 5%;
width: auto;
margin: 0;
}
}
/* ================================================= Hubspot Forms ============================================================= */
.form-input, .form-select, form.hs-form select, form.hs-form input[type="text"],
form.hs-form input[type="password"],
form.hs-form input[type="datetime"],
form.hs-form input[type="datetime-local"],
form.hs-form input[type="date"],
form.hs-form input[type="month"],
form.hs-form input[type="time"],
form.hs-form input[type="week"],
form.hs-form input[type="number"],
form.hs-form input[type="email"],
form.hs-form input[type="url"],
form.hs-form input[type="search"],
form.hs-form input[type="tel"],
form.hs-form input[type="color"],
form.hs-form input[type="file"],
form.hs-form textarea, .blog-subscribe form.hs-form input[type="email"],
.blog-subscribe form.hs-form select {
width: 100%;
height: 27px;
margin: 0;
padding: 0 10px;
background: #f5f3f2;
border: 1px solid #4d4d4e;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-moz-transition: border 0.2s linear, background 0.2s linear;
-o-transition: border 0.2s linear, background 0.2s linear;
-webkit-transition: border 0.2s linear, background 0.2s linear;
transition: border 0.2s linear, background 0.2s linear;
}
.form-input:focus, .form-select:focus, form.hs-form select:focus, form.hs-form input[type="text"]:focus,
form.hs-form input[type="password"]:focus,
form.hs-form input[type="datetime"]:focus,
form.hs-form input[type="datetime-local"]:focus,
form.hs-form input[type="date"]:focus,
form.hs-form input[type="month"]:focus,
form.hs-form input[type="time"]:focus,
form.hs-form input[type="week"]:focus,
form.hs-form input[type="number"]:focus,
form.hs-form input[type="email"]:focus,
form.hs-form input[type="url"]:focus,
form.hs-form input[type="search"]:focus,
form.hs-form input[type="tel"]:focus,
form.hs-form input[type="color"]:focus,
form.hs-form input[type="file"]:focus,
form.hs-form textarea:focus {
background-color: #FFFFFF;
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.form-select, form.hs-form select {
display: inline-block;
border: 1px solid #525152;
background: url(../images/select-drop-arrow.png) no-repeat right center #f5f3f2;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
line-height: 27px!important;
height: 27px!important;
padding-left: 5px;
border-radius: 5px;
width: 100%;
}
.form-select:focus, form.hs-form select:focus {
background-color: #FFFFFF;
}
.form-select.form-select--grey, form.hs-form select.form-select--grey {
background-color: #eff0f0;
font-size: 0.75em;
}
.form-select.form-select--grey:focus, form.hs-form select.form-select--grey:focus {
background-color: #eff0f0;
}
form.hs-form {
text-align: left;
}
form.hs-form.stacked .actions {
padding-left: 0;
margin-left: 0;
}
form.hs-form .hs-form-field {
margin-bottom: 0.625em;
}
form.hs-form .hs-form-field:before, form.hs-form .hs-form-field:after {
content: " ";
display: table;
}
form.hs-form .hs-form-field:after {
clear: both;
}
form.hs-form .hs-field-desc {
margin: 0.4375em 0 0.875em;
font-size: 1.1875em;
}
form.hs-form label {
font-size: 16px;
color: #2e3192;
margin: 0;
padding: 0 0 6px 0;
font-weight: 400;
}
form.hs-form .hs-form-field > label {
display: block;
}
form.hs-form .hs-form-field > label .hs-form-required { color: #ff0000; margin-left: 3px; }
form.hs-form textarea {
height: 150px;
padding-top: 10px;
padding-bottom: 10px;
}
form.hs-form input[type="file"] { height: auto; padding: 5px 10px; }
form.hs-form select::-ms-expand {
display: none;
}
form.hs-form input[type="radio"] {
/* Unchecked styles */
/* Checked styles */
}
form.hs-form input[type="radio"]:not(:checked), form.hs-form input[type="radio"]:checked {
position: absolute;
left: -9999px;
visibility: hidden;
}
form.hs-form input[type="radio"]:not(:checked) + span, form.hs-form input[type="radio"]:checked + span {
position: relative;
padding-left: 27px;
cursor: pointer;
display: inline-block;
height: 25px;
line-height: 25px;
font-size: 0.9375em;
font-weight: 300;
-moz-transition: ease 0.28s;
-o-transition: ease 0.28s;
-webkit-transition: ease 0.28s;
transition: ease 0.28s;
-webkit-user-select: none;
/* webkit (safari, chrome) browsers */
-moz-user-select: none;
/* mozilla browsers */
-khtml-user-select: none;
/* webkit (konqueror) browsers */
-ms-user-select: none;
/* IE10+ */
}
form.hs-form input[type="radio"] + span:before, form.hs-form input[type="radio"] + span:after {
content: '';
position: absolute;
left: 0;
top: 1px;
margin: 4px;
width: 15px;
height: 15px;
z-index: 0;
-moz-transition: ease 0.28s;
-o-transition: ease 0.28s;
-webkit-transition: ease 0.28s;
transition: ease 0.28s;
}
form.hs-form input[type="radio"]:not(:checked) + span:before {
border-radius: 50%;
background: #FFFFFF;
border: 1px solid #4d4d4e;
}
form.hs-form input[type="radio"]:not(:checked) + span:after {
border-radius: 50%;
border: 2px solid #FFFFFF;
z-index: -1;
-moz-transform: scale(0);
-ms-transform: scale(0);
-webkit-transform: scale(0);
transform: scale(0);
}
form.hs-form input[type="radio"]:checked + span:before {
border-radius: 50%;
background: #e12826;
border: 1px solid #e12826;
}
form.hs-form input[type="radio"]:checked + span:after {
border-radius: 50%;
border: 2px solid #e12826;
background-color: #e12826;
z-index: 0;
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
form.hs-form input[type="checkbox"]:not(:checked), form.hs-form input[type="checkbox"]:checked {
position: absolute;
left: -9999px;
visibility: hidden;
}
form.hs-form input[type="checkbox"] + span {
position: relative;
padding-left: 24px;
cursor: pointer;
display: inline-block;
height: 22px;
line-height: 22px;
font-size: 0.9375em;
font-weight: 300;
-webkit-user-select: none;
/* webkit (safari, chrome) browsers */
-moz-user-select: none;
/* mozilla browsers */
-khtml-user-select: none;
/* webkit (konqueror) browsers */
-ms-user-select: none;
/* IE10+ */
}
form.hs-form input[type="checkbox"] + span:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 18px;
height: 18px;
z-index: 0;
border: 1px solid #FFFFFF;
border-radius: 1px;
margin-top: 2px;
-moz-transition: 0.2s;
-o-transition: 0.2s;
-webkit-transition: 0.2s;
transition: 0.2s;
}
form.hs-form input[type="checkbox"] + span:after {
border-radius: 2px;
}
form.hs-form input[type="checkbox"] + span:before, form.hs-form input[type="checkbox"] + span:after {
content: '';
left: 0;
position: absolute;
/* .1s delay is for check animation */
transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
z-index: 1;
}
form.hs-form input[type="checkbox"]:not(:checked) + span:before {
width: 0;
height: 0;
border: 3px solid transparent;
left: 8px;
top: 10px;
-webkit-transform: rotateZ(37deg);
transform: rotateZ(37deg);
-webkit-transform-origin: 20% 40%;
transform-origin: 100% 100%;
}
form.hs-form input[type="checkbox"]:not(:checked) + span:after {
height: 15px;
width: 15px;
background-color: #FFFFFF;
border: 1px solid #4d4d4e;
top: 3px;
left: 2px;
z-index: 0;
}
form.hs-form input[type="checkbox"]:checked + span:before {
top: 2px;
left: 3px;
width: 6px;
height: 11px;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
-webkit-transform: rotateZ(37deg);
transform: rotateZ(37deg);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
form.hs-form input[type="checkbox"]:checked + span:after {
top: 3px;
left: 2px;
width: 15px;
height: 15px;
border: 2px solid #e12826;
background-color: #e12826;
z-index: 0;
}
form.hs-form ul.inputs-list {
margin: 0;
padding: 0;
list-style: none;
}
form.hs-form ul.inputs-list li {
padding: 0;
margin: 0;
}
form.hs-form ul.inputs-list > li {
margin-bottom: 0.3125em;
margin-right: 15px;
display: inline-block;
}
form.hs-form ul.inputs-list > li:before, form.hs-form ul.inputs-list > li:after {
content: none;
}
form.hs-form ul.hs-error-msgs {
padding: 0;
list-style: none;
margin: 0.625em 0 0;
}
form.hs-form ul.hs-error-msgs li {
padding: 0;
margin: 0;
}
form.hs-form ul.hs-error-msgs > li {
margin-bottom: 0.625em;
}
form.hs-form ul.hs-error-msgs > li:last-child {
margin-bottom: 0;
}
form.hs-form .hs-form-field ul.hs-error-msgs > li label {
color: #e12826;
font-weight: 400;
padding: 0;
margin: 0;
}
form.hs-form ::-webkit-input-placeholder {
/* Webkit Browsers */
}
form.hs-form :-moz-placeholder {
/* Firefox 18- */
}
form.hs-form ::-moz-placeholder {
/* Firefox 19+ */
}
form.hs-form :-ms-input-placeholder {
/* IE10 */
}
form.hs-form fieldset {
border: none;
max-width: none;
padding: 0;
}
form.hs-form fieldset.form-columns-1 .hs-form-field .hs-input {
width: 100%;
}
form.hs-form fieldset.form-columns-2:before, form.hs-form fieldset.form-columns-2:after {
content: " ";
display: table;
}
form.hs-form fieldset.form-columns-2:after {
clear: both;
}
form.hs-form fieldset.form-columns-2 .hs-form-field {
float: left;
width: 47.5%;
margin-left: 5%;
}
form.hs-form fieldset.form-columns-2 .hs-form-field:nth-child(2n+1) {
margin-left: 0;
clear: left;
}
form.hs-form fieldset.form-columns-3:before, form.hs-form fieldset.form-columns-3:after {
content: " ";
display: table;
}
form.hs-form fieldset.form-columns-3:after {
clear: both;
}
form.hs-form fieldset.form-columns-3 .hs-form-field {
float: left;
width: 30%;
margin-left: 5%;
}
form.hs-form fieldset.form-columns-3 .hs-form-field:nth-child(3n+1) {
margin-left: 0;
clear: left;
}
/* Submit buttons (selectors for all non-CTA buttons)
========================================================================== */
body .hs-button.primary,
body input[type="submit"],
body input[type="button"] {
background: #2f358f;
padding: 13px 14px;
transition: all .2s linear;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
color: #fff;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
margin: 16px auto 0;
display: block;
width: 100%;
}
body .hs-button.primary:hover,
body input[type="submit"]:hover,
body input[type="button"]:hover { background: #e12826 }
body.home-form .hs-button.primary,
body.home-form input[type="submit"],
body.home-form input[type="button"] {
margin: 31px 0;
}