@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Rubik:400,500,700');
@import url('animate.css');
/* CSS Document */

/**
 * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
 * Richard Clark (http://richclarkdesign.com)
 * http://cssreset.com
 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { font-family: 'Rubik', sans-serif; font-size: 14px; line-height: 20px; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
nav ul { list-style: none; }
html { -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */ }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
/* change colours to suit your needs */
ins { background-color: #ff9; color: #000; text-decoration: none; }
/* change colours to suit your needs */
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
/* change border colour to suit your needs */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
input[type="text"]:focus, input[type="password"]:focus,input[type="tel"]:hover,input[type="email"]:hover{ outline: none }
input[type="text"], input[type="password"], textarea,input[type="tel"],input[type="email"] { width: 100%; height: 30px; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; border: 0 }
textarea { height: 100px; resize: none; overflow: auto; padding: 10px; }
/*li { list-style: none; }*/
a, a:hover { text-decoration: none }
a:hover { color: #00AEEF; }
a:focus { outline: none; text-decoration: none }
* { box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }
.container { max-width: 1200px; padding: 0 15px; margin: 0 auto; width: 100%; }
*{outline:none !important}
/*Typographi
===========================================================*/

h1 { }
h2 { font-size: 30px; line-height: 36px; }
h3 { font-size: 24px; line-height: 30px; }
h4 { font-size: 19px; line-height: 25px; }
/*Ends Typographi
===========================================================*/

/*selector 
===========================================================     */

.selector { position: relative; cursor: pointer; }
.selector:hover { cursor: pointer }
.selector select { appearance: none; -webkit-appearance: none; -o-appearance: none; -ms-appearance: none; -moz-appearance: none; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 30px; z-index: 3 }
.selector span { position: relative; width: 100% !important; display: block; height: 30px; line-height: 30px; }
.selector span:after { border-top: 8px solid #000; border-left: 4px solid transparent; border-right: 4px solid transparent; z-index: 2; right: 14px; top: 50%; transform: translateX(0) translateY(-50%); -o-transform: translateX(0) translateY(-50%); -webkit-transform: translateX(0) translateY(-50%); -o-transform: translateX(0) translateY(-50%); -ms-transform: translateX(0) translateY(-50%); -moz-transform: translateX(0) translateY(-50%); content: ''; display: block; position: absolute; right: 0; top: 50%; }
/*selector ends
===========================================================*/

/*Header 
===========================================================*/

header { position: absolute; left: 0; top: 0; width: 100% !important; background: #fff; z-index: 10; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; box-shadow: 0 0 5px rgba(0,0,0,0.5) !important;}
header.sticky {box-shadow: rgba(255, 255, 255, 0.6) 0px 0px 10px;-webkit-box-shadow: rgba(255, 255, 255, 0.6) 0px 0px 10px;-o-box-shadow: rgba(255, 255, 255, 0.6) 0px 0px 10px;-moz-box-shadow: rgba(255, 255, 255, 0.6) 0px 0px 10px;}
#stickerStickyWrapper { width: 100% !important }
#logo { float: left;margin-top: 17px;margin-bottom: 17px;}
#logo a { display: block; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.sticky #logo a { }
#logo img { max-width: 100%; display: block; }
.header-right { float: right; margin-top: 28px; }
.menu-tite { color: #fff; background: #00435B; font-size: 20px; line-height: 26px; padding: 5px 15px; font-weight: 500; position: relative; display: none; }
.mainNav .menu-tite a { position: absolute; right: 0; top:0;
font-size: 30px; font-weight: 400; width: 36px; text-align: center; line-height: 36px; display: block; top: 0; color: #fff; }
.mainNav { float: left;margin-right: 19px;margin-top: 15px;}
.mainNav > ul >li { float: left; margin-right: 30px; position:relative; list-style:none; }
.mainNav > ul >li:last-child { margin-right: 0; }
.mainNav a { font-size: 14px; line-height: 20px; color: #303030; font-weight: 500; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.mainNav ul li > a {padding-bottom: 4px;border-bottom: 1px solid transparent;padding-left: 5px;padding-right: 10px;}

.downloadappbtn {
    margin: 0 15px;
    font-size: 13px !important;
    line-height: normal !important;
    padding: 10px 20px;
    width: 180px !important;
    font-weight: 400 !important;
}
.centres_section_two .container {
    padding: 0;
}

@media all and (min-width:768px) {
    
.mainNav ul .submenu { position: absolute; left: -10px; top: 45px; width: 177px; visibility: hidden; opacity: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; display: block !important }
.mainNav ul li:hover .submenu { visibility: visible; opacity: 1; top: 34px; }
.mainNav ul .submenu:after { bottom:100%; left:16px; content:""; position: absolute; pointer-events: none; width: 0; height: 0; border-style: solid; border-width: 0 5px 9px 5px; border-color: transparent transparent #00aeef transparent; }
.mainNav ul ul { background:#fff; border-radius:4px; -webkit-border-radius:4px; overflow:hidden;     box-shadow: 0 0 5px rgba(0,0,0,0.5);}
.mainNav ul ul li > a { display:block; font-size:13px; color:#535353 !important; padding:6px 7px; font-weight:400; }
.mainNav ul ul li:hover > a, 
.mainNav ul ul li.active > a { background: #00aeef !important; color: #fff !important; }
.mainNav .toggle-handle { display:none; }
}

.sticky .mainNav a { color: #303030; }
.mainNav li:hover a { color: #00aeef;border-bottom: 1px solid #00aeef; }
.no-touch .mainNav ul > li.active a { color: #00aeef;border-bottom: 1px solid #00aeef; }
.get-start-btn-wrapper { float: left; margin-top: 5px; }
.get-start-btn-wrapper a { display: block; line-height: 37px; width: 154px; font-size: 12px; font-weight: 500; color: #FFFFFF; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; border: 2px solid #00aeef; text-transform: uppercase; height: 39px; background: #00aeef; transition-property: background, color; -webkit-transition-property: background, color; }
/*.get-start-btn-wrapper a:before{content:"\f2bd"; font-family:FontAwesome;font-size: 19px;vertical-align: top;margin-right: 10px;}*/
.get-start-btn-wrapper a:hover { background: none; color: #00aeef; }
/*.sticky .get-start-btn-wrapper a { background: none; border-color: #fff; }
.sticky .get-start-btn-wrapper a:hover{background:#fff;color: #000;}*/

.menu-handle { display: none; position: relative; width: 101px; background: #000000; color: #fff; line-height: 47px; padding-left: 10px; border-radius: 5px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; text-transform: uppercase; font-weight: 500; font-size: 12px; height: 45px; float: left; margin-right: 15px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; transition-property: background, color; -webkit-transition-property: background, color; }

.menu-handle span.menu-handle-icon { position: absolute; right: 12px; top: 16px; width: 15px; }
.menu-handle span.menu-handle-icon span { position: absolute; width: 100%; height: 2px; background: #FFFFFF; left: 0; top: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.menu-handle span.menu-handle-icon span.second { top: 5px; }
.menu-handle span.menu-handle-icon span.third { top: 10px; }
@media (min-width:1025px){
.menu-handle:hover { background: #00AEEF; color: #FFFFFF !important; }
.menu-handle:hover span.menu-handle-icon span { background: #FFFFFF; }

}
.popup-overlay { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: #fff; z-index: 11; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.show-popup .popup-overlay { opacity: 1; visibility: visible; }
.popup-overlay span { position: absolute; top: 0; bottom: 0; left: -100%; width: 50%; background: #00AEEF; transform: skew(-20deg); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.show-popup .popup-overlay span { left: -10%; }
.video-popup-wrapper { position: fixed; width: 790px; left: 50%; top: -50%; z-index: 11; border: 0; box-shadow: 0 18px 23px -13px rgba(0, 0, 0, 0.75); opacity: 0; visibility: hidden; -webkit-transition: all 0.5s 0.8s ease; -moz-transition: all 0.5s 0.8s ease; transition: all 0.5s ease; }
@media all and (min-width:871px) {
.video-popup-wrapper { transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); }
}
.video-popup { position: relative; }
.video-placeholder { width: 100%; height: auto }
.show-popup .video-popup-wrapper { opacity: 1; visibility: visible; top: 50%; }
.video-popup-wrapper iframe { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video-popup-wrapper .close-popup { position: absolute; right: -25px; top: -25px; font-size: 40px; color: #fff; width: 50px; height: 50px; background: #FF7452; line-height: 50px; text-align: center; text-decoration: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; z-index: 1; }
.video-popup-wrapper .close-popup:hover { background: #333; }
.show-popup #menu { display: none; }
/*Header ends
===========================================================*/

/*Home banner 
===========================================================*/
.home-banner { overflow: hidden; margin-bottom: 55px; background: #000 }
.home-banner .container { position: relative; min-height: 705px; }
.home-banner-caption {position: relative;left: 0;top: 60px;margin-top: 0;z-index: 1;right: 0;text-align: center;}
.home-banner-caption-title { font-size: 33px; line-height: 49px; color: #fff; font-weight: 600; text-transform: uppercase;/* max-width: 570px;*/ margin-bottom: 19px; }
.home-banner-caption-text { font-size: 21px; line-height: 24px; color: #fff;/* max-width: 260px;*/ margin-bottom: 29px; }
.home-banner-caption-btns-wrapper a, .primary-btn, .secondary-btn { display: block; float: left; width: 236px; text-align: center; line-height: 50px; height: 53px; border: 2px solid #fff; margin-right: 20px; font-size: 18px; font-weight: 500; text-transform: uppercase; color: #fff; border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; margin-bottom: 20px; }
.primary-btn:last-child, .secondary-btn:last-child { margin-right: 0; }
.secondary-btn { border-color: #00AEEF; color: #00AEEF; }
.secondary-btn:hover { background: #00AEEF; color: #fff; }
.home-banner-caption-btns-wrapper a i { font-weight: 400; font-size: 22px; margin-right: 5px; margin-left: 3px; }
.home-banner-caption-btns-wrapper a.book-demo-btn, .primary-btn { background: #00AEEF; border-color: #00AEEF; }
.home-banner-caption-btns-wrapper a.book-demo-btn:hover { background: none; border-color: #fff; }
.home-banner-caption-btns-wrapper a.watch-video-btn:after { content: ''; }
.home-banner-caption-btns-wrapper a.watch-video-btn:hover { background: #00AEEF; border-color: #00AEEF; }
.primary-btn:hover { background: none; color: #00AEEF; }
.home-banner-elments-wrapper { position: absolute; left: 450px; top: 50%; width: 750px; height: 536px; visibility: hidden; margin-top: -355px; }
.page-loaded .home-banner-elments-wrapper { visibility: visible; }
.home-banner-element { background: url(../images/home-sprite.png) no-repeat; position: absolute; }
.page-loaded .home-banner-element { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.arrow-1 { background-position: 0 0; width: 13px; height: 84px; left: 372px; top: 105px; }
.page-loaded .arrow-1 { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }
.arrow-layer{opacity:1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.element-hovered .arrow-layer{opacity:0}
.arrow-2 { background-position: -16px 0; width: 35px; height: 35px; left: 745px; top: 276px; }
.page-loaded .arrow-2 { -webkit-animation-name: flipInY; animation-name: flipInY; }
.arrow-3 { background-position: -16px -42px; width: 82px; height: 76px; left: 197px; top: 295px; }
.page-loaded .arrow-3 { -webkit-animation-name: bounceIn; animation-name: bounceIn; }
.arrow-4 { background-position: -1px -2072px; width: 105px; height: 101px; left: 635px; top: 473px; }
.page-loaded .arrow-4 { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; }
.shape-1 { background-position: 0 -305px; width: 135px; height: 172px; left: 420px; top: 83px; }
.page-loaded .shape-1 { -webkit-animation-name: flipInY; animation-name: flipInY; }
.shape-2 { background-position: 0 -483px; width: 121px; height: 115px; left: 585px; top: 185px; }
.page-loaded .shape-2 { -webkit-animation-name: bounceIn; animation-name: bounceIn; }
.shape-3 { background-position: 0 -779px; width: 132px; height: 113px; left: 281px; top: 228px; }
.page-loaded .shape-3 { -webkit-animation-name: bounceIn; animation-name: bounceIn; }
.shape-4 { background-position: -115px -107px; width: 85px; height: 67px; left: 364px; top: 363px; }
.page-loaded .shape-4 { -webkit-animation-name: bounceIn; animation-name: bounceIn; }
.shape-5 { background-position: 0 -899px; width: 153px; height: 68px; left: 466px; top: 332px; }
.page-loaded .shape-5 { -webkit-animation-name: bounceIn; animation-name: bounceIn; }
.shape-6 { background-position: 0 -609px; width: 95px; height: 161px; left: 761px; top: 350px; }
.page-loaded .shape-6 { -webkit-animation-name: flipInY; animation-name: flipInY; }
.shape-7 { background-position: -118px -603px; width: 82px; height: 59px; left: 107px; top: 408px; }
.page-loaded .shape-7 { -webkit-animation-name: flipInY; animation-name: flipInY; }
.shape-8 { background-position: 0 -987px; width: 147px; height: 119px; left: 232px; top: 409px; }
.page-loaded .shape-8 { -webkit-animation-name: bounceIn; animation-name: bounceIn; }
.shape-9 { background-position: 0 -1127px; width: 169px; height: 175px; left: 420px; top: 441px; }
.page-loaded .shape-9 { -webkit-animation-name: bounceIn; animation-name: bounceIn; }
.man-1 { background-position: 0 -121px; width: 43px; height: 69px; left: 408px; top: 295px; }
.page-loaded .man-1 { -webkit-animation-name: bounceIn; animation-name: bounceIn; }
.man-2 { background-position: -50px -122px; width: 45px; height: 79px; left: 666px; top: 295px; }
.page-loaded .man-2 { -webkit-animation-name: bounceIn; animation-name: bounceIn; }
.woman-1 { background-position: -163px -215px; width: 37px; height: 98px; left: 266px; top: 452px; }
.page-loaded .woman-1 { -webkit-animation-name: bounceIn; animation-name: bounceIn; }
.woman-2 { background-position: -157px -338px; width: 43px; height: 98px; left: 458px; top: 436px; }
.page-loaded .woman-2 { -webkit-animation-name: bounceIn; animation-name: bounceIn; }
.ledder { background-position: -102px 0; width: 79px; height: 98px; left: 648px; top: 362px; }
.page-loaded .ledder-1 { -webkit-animation-name: bounceIn; animation-name: bounceIn; }

.home-banner-popup-text { position: absolute; color: #fff; font-size: 26px; text-transform: uppercase; letter-spacing: 3px; font-weight: 700; top: -220px; left: -35px; z-index: 1; opacity:0;}
.home-banner-arrow { background: url(../images/tooltip-arrow-sprite.png) no-repeat -103px -3px; width: 55px; height: 173px; position: absolute; top: -190px; left: 50px; z-index: 1;}

.tooltop-element:hover .home-banner-arrow{ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.tooltop-element:hover .home-banner-popup-text{ -webkit-transition: all 0.5s 0.5s ease; -moz-transition: all 0.5s 0.5s ease; transition: all 0.5s 0.5s ease; opacity:1;}
.home-banner-efficiency-popup-wrapper { position: absolute; left: 648px; top: 362px; }
.home-banner-efficiency-popup-wrapper .home-banner-arrow { transform: rotateX(180deg); top: auto; bottom: 20px; height:0;}
.tooltop-element:hover .home-banner-efficiency-popup-wrapper .home-banner-arrow{height:173px;}

.home-banner-strategy-popup-wrapper { position: absolute; left: 408px; top: 295px; }
.home-banner-strategy-popup-wrapper .home-banner-arrow { background-position: -2px -1px; height: 92px; right: -37px; top: -93px; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); left: auto; width:0;}
.home-banner-strategy-popup-wrapper .home-banner-popup-text { left: -240px; top: -95px; }
.tooltop-element:hover .home-banner-strategy-popup-wrapper .home-banner-arrow{width:101px;}

.home-banner-innovation-popup-wrapper { position: absolute; left: 266px; top: 452px; }
.home-banner-innovation-popup-wrapper .home-banner-arrow { background-position: -14px -101px; height: 81px; top: -80px; left: auto; right: -40px; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); width:0;}
.home-banner-innovation-popup-wrapper .home-banner-popup-text { left: -250px; top: -83px; }
.tooltop-element:hover .home-banner-innovation-popup-wrapper .home-banner-arrow{width:86px;}

.home-banner-process-popup-wrapper { position: absolute; left: 458px; top: 436px; }
.home-banner-process-popup-wrapper .home-banner-arrow { background-position: -3px -198px; height: 72px; top: -21px; left: 30px; width:0;}
.home-banner-process-popup-wrapper .home-banner-popup-text { top: 62px; left: 140px; }
.tooltop-element:hover .home-banner-process-popup-wrapper .home-banner-arrow{width:176px;}
/*Home banner ends
===========================================================*/

.featureanimateicon {position: absolute;background: url(../images/homeiconsprite.png) no-repeat;}
.element-loaded .featureanimateicon { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

/** 01 ***/
.personlised-dashboard-col .home-feature-icon-wrapper.homefeatureiconwrapper{width: 127px;}

/*.element-loaded .personliseddashboard1 { -webkit-animation-name: zoomIn; animation-name: zoomIn; animation-delay: 1s; -webkit-animation-delay: 1s }*/


.personliseddashboard1 { background-position: -99px -165px; left: 0px; top: 9px; width: 124px; height: 86px; }
.element-loaded .personliseddashboard1 { -webkit-animation-name: bounceIn; animation-name: bounceIn; }
.personliseddashboard2 { background-position: -113px -259px;  left: 14px;bottom: 59px; width: 15px; height: 0; -webkit-transition: all 0.2s 0.25s ease; -moz-transition: all 0.5s 0.25s ease; transition: all 0.5s 0.25s ease; }
.element-loaded .personliseddashboard2 { height: 20px; }
.personliseddashboard3 { background-position: -114px -282px; left: 15px; top: 49px; width: 27px; height: 27px; -webkit-transition: all 0.5s 0.3s ease; -moz-transition: all 0.5s 0.3s ease; transition: all 0.5s 0.3s ease; transform: scale(0) rotate(0deg); -webkit-transform: scale(0) rotate(0deg); }
.element-loaded .personliseddashboard3 { transform: scale(1) rotate(360deg); -webkit-transform: scale(1) rotate(360deg); }
.personliseddashboard4 { background-position: -132px -260px; left: 33px;top: 28px;width: 0; height: 16px; -webkit-transition: all 0.5s 0.6s ease; -moz-transition: all 0.5s 0.6s ease; transition: all 0.5s 0.6s ease; }
.element-loaded .personliseddashboard4 { width: 29px; }
.personliseddashboard5 { background-position: -148px -288px;left: 48px; top: 56px; width: 12px; height: 21px; animation-delay: 0.8s; -webkit-animation-delay: 0.8s }
.element-loaded .personliseddashboard5 { -webkit-animation-name: bounceIn; animation-name: bounceIn; }
.personliseddashboard6 { background-position: -164px -260px; left: 66px;top: 29px; width: 0px; height: 49px; -webkit-transition: all 0.5s 1s ease; -moz-transition: all 0.5s 1s ease; transition: all 0.5s 1s ease; }
.element-loaded .personliseddashboard6 { width: 43px; }

/*** 01 ****/

/** 02 ***/
.business-reporting .home-feature-icon-wrapper.homefeatureiconwrapper{width: 98px;}
.businessreport1 { background-position: 0 0; left: 0px; top: 0; width: 98px; height: 98px; }
.element-loaded .businessreport1 { -webkit-animation-name: zoomIn; animation-name: zoomIn; animation-delay: 1.4s; -webkit-animation-delay: 1.4s }
.businessreport2 { background-position: 0px -100px; left: 13px; bottom: 45px; width:13px; height: 0; -webkit-transition: all 0.5s 1.8s ease; -moz-transition: all 0.5s 1.8s ease; transition: all 0.5s 1.8s ease; }
.element-loaded .businessreport2 {height: 40px;}
.businessreport3 { background-position: -14px -100px; left:26px; bottom: 45px; width: 16px; height: 0; -webkit-transition: all 0.5s 2s ease; -moz-transition: all 0.5s 2s ease; transition: all 0.5s 2s ease;}
.element-loaded .businessreport3 {height: 40px;}
.businessreport4 { background-position: -31px -100px; left:42px; bottom: 45px; width: 14px; height: 0; -webkit-transition: all 0.5s 2.2s ease; -moz-transition: all 0.5s 2.2s ease; transition: all 0.5s 2.2s ease; }
.element-loaded .businessreport4 {height: 40px;}
.businessreport5 { background-position: -46px -100px; left:56px; bottom: 45px; width: 15px; height: 0; -webkit-transition: all 0.5s 2.4s ease; -moz-transition: all 0.5s 2.4s ease; transition: all 0.5s 2.4s ease; }
.element-loaded .businessreport5 {height: 40px;}
.businessreport6 { background-position: -62px -100px; left:71px; bottom: 45px; width: 14px; height:0; -webkit-transition: all 0.5s 2.6s ease; -moz-transition: all 0.5s 2.6s ease; transition: all 0.5s 2.6s ease; }
.element-loaded .businessreport6 {height: 40px;}
/*** 02 ****/

/*** 03 ****/
.ccb-col .home-feature-icon-wrapper.homefeatureiconwrapper{width: 84px;}
.ccb-col .homefeatureiconwrapper + .home-feature-icon-title {left: 0;}
.ccb1 {background-position: -124px 0px; left: 16px; top: 0; width: 53px; height: 58px;} 
.element-loaded .ccb1 { -webkit-animation-name: bounceIn; animation-name: bounceIn; animation-delay: 3s; -webkit-animation-delay: 3s; }
.ccb2 {background-position: -115px -60px; left: 7px; top: 58px; width: 72px; height: 28px;} 
.element-loaded .ccb2 { -webkit-animation-name: bounceIn; animation-name: bounceIn; animation-delay: 3.2s; -webkit-animation-delay: 3.2s; }
.ccb3 {background-position: -108px -89px; left: 0; bottom: 5px; width: 18px; height: 12px;} 
.element-loaded .ccb3 { -webkit-animation-name: bounceIn; animation-name: bounceIn; animation-delay: 3.4s; -webkit-animation-delay: 3.4s; }
.ccb4 {background-position: -142px -89px; left: 34px; bottom: 5px; width: 18px; height: 12px;} 
.element-loaded .ccb4{ -webkit-animation-name: bounceIn; animation-name: bounceIn; animation-delay: 3.6s; -webkit-animation-delay: 3.6s; }
.ccb5 {background-position: -175px -89px; right: 0; bottom: 5px; width: 17px; height: 12px;} 
.element-loaded .ccb5 { -webkit-animation-name: bounceIn; animation-name: bounceIn; animation-delay: 3.8s; -webkit-animation-delay: 3.8s; }
/*** 03 ****/

/*** 04 ****/
.smart-rosters-col .home-feature-icon-wrapper.homefeatureiconwrapper{width: 134px;}
.smart-rosters-col .homefeatureiconwrapper + .home-feature-icon-title {left: 0;}
.smartrosters1 {background-position: -204px 0px;left: 0px;top: -20px;width: 103px;height: 65px;-webkit-transition: all 0.5s 4.2s ease;-moz-transition: all 0.5s 4.2s ease;transition: all 0.5s 4.2s ease; z-index: 1; opacity: 0;}
.element-loaded .smartrosters1 {top: 0;opacity: 1;}
.smartrosters2 { background-position: -206px -67px; left: 32px; top: -10px;opacity: 0; width: 103px; height: 65px; -webkit-transition: all 0.5s 4.4s ease; -moz-transition: all 0.5s 4.4s ease; transition: all 0.5s 4.4s ease;}
.element-loaded .smartrosters2 {top: 34px;opacity: 1;}
/*** 04 ****/

/*** 05 ****/
.payment-col .home-feature-icon-wrapper.homefeatureiconwrapper{width: 90px;}
.payment1 {background-position: -341px 0px;left: 25px;top: 0;width: 42px;height: 46px;}
.element-loaded .payment1 {-webkit-animation-name: zoomIn;animation-name: zoomIn;animation-delay: 4.8s;-webkit-animation-delay: 4.8s;}
.payment2 {background-position: -316px -52px;left: 0px;top:52px;width: 42px;height: 46px;}
.element-loaded .payment2 {-webkit-animation-name: zoomIn;animation-name: zoomIn;animation-delay: 4.8s;-webkit-animation-delay: 4.8s;}
.payment3 {background-position: -372px -52px;right: 0px;top:52px;width: 35px;height: 46px;}
.element-loaded .payment3 {-webkit-animation-name: zoomIn;animation-name: zoomIn;animation-delay: 4.8s;-webkit-animation-delay: 4.8s;}
.payment4 {background-position: -348px -104px;left: 32px;top: 46px;width: 27px;height: 27px;opacity: 0; -webkit-transition: all 0.5s 5s ease;-moz-transition: all 0.5s 5s ease;transition: all 0.5s 5s ease;}
.element-loaded .payment4 {opacity: 1}
/*** 05****/

/*** 06 ****/
.waiting-col .home-feature-icon-wrapper.homefeatureiconwrapper{width: 98px;}
.waiting-col .homefeatureiconwrapper + .home-feature-icon-title{left: 0;}
.waiting1 {background-position: 0px -150px;left: 0;top: 0;width: 98px;height: 98px;}
.element-loaded .waiting1 {-webkit-animation-name: zoomIn;animation-name: zoomIn;animation-delay: 5.2s;-webkit-animation-delay: 5.2s;}
.waiting2 {background-position: 0px -253px;left: 47px;top:19px;width: 0;height: 30px;}
.element-loaded .waiting2 {width: 38px; -webkit-transition: all 0.7s 5.4s ease;-moz-transition: all 0.7s 5.4s ease;transition: all 0.7s 5.4s ease;}
/*** 06 ****/

/*Home Features section
===========================================================*/
.home-features-section { text-align: center; margin-bottom: 131px; overflow: hidden; }
.home-title { font-size: 30px; line-height: 36px; color: #00aeef; margin-bottom: 7px; text-transform: uppercase; }
.home-features-section .home-title { margin-bottom: 18px; }
.home-sub-title { font-size: 18px; line-height: 24px; color: #272727; font-weight: 500; text-transform: uppercase; max-width: 320px; margin-bottom: 23px; }
.home-para { font-size: 14px; line-height: 24px; color: #353535; max-width: 460px; margin-bottom: 52px; font-weight: 400; }
.home-feature-sub-title { font-size: 16px; line-height: 24px; color: #3f3f3f; max-width: 760px; margin: 0 auto 22px; }
.home-features-cols { margin: 0 -15px 35px; }
.home-features-col { float: left; width: 16.6%; padding: 15px; visibility: hidden; }
.element-loaded .home-features-col { visibility: visible; }
.home-feature-icon-wrapper { height: 103px; margin-bottom: 10px; position: relative; }
.ccb-col .home-feature-icon-wrapper { width: 95px; margin: 0 auto 10px; }
.payment-col .home-feature-icon-wrapper { width: 78px; margin: 0 auto 10px; }
.personlised-dashboard-col .home-feature-icon-wrapper { width: 122px; margin: 0 auto 10px; }
.business-reporting .home-feature-icon-wrapper { width: 68px; margin: 0 auto 10px; }
.feature-animate-icon { position: absolute; background: url(../images/home-sprite.png) no-repeat; }

.element-loaded .feature-animate-icon { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.personlised-dashboard-1 { background-position: 0px -207px; left: 0; top: 2px; width: 119px; height: 95px; }
.element-loaded .personlised-dashboard-1 { -webkit-animation-name: bounceIn; animation-name: bounceIn; }
.personlised-dashboard-2 { background-position: -100px -677px; left: 10px; bottom: 71px; width: 20px; height: 0; -webkit-transition: all 0.2s 0.25s ease; -moz-transition: all 0.5s 0.25s ease; transition: all 0.5s 0.25s ease; }
.element-loaded .personlised-dashboard-2 { height: 16px; }
.personlised-dashboard-3 { background-position: -100px -702px; left: 10px; top: 41px; width: 19px; height: 19px; -webkit-transition: all 0.5s 0.3s ease; -moz-transition: all 0.5s 0.3s ease; transition: all 0.5s 0.3s ease; transform: scale(0) rotate(0deg); -webkit-transform: scale(0) rotate(0deg); }
.element-loaded .personlised-dashboard-3 { transform: scale(1) rotate(360deg); -webkit-transform: scale(1) rotate(360deg); }
.personlised-dashboard-4 { background-position: -125px -680px; left: 35px; top: 19px; width: 0; height: 9px; -webkit-transition: all 0.5s 0.6s ease; -moz-transition: all 0.5s 0.6s ease; transition: all 0.5s 0.6s ease; }
.element-loaded .personlised-dashboard-4 { width: 22px; }
.personlised-dashboard-5 { background-position: -131px -702px; left: 41px; top: 41px; width: 10px; height: 18px; animation-delay: 0.8s; -webkit-animation-delay: 0.8s }
.element-loaded .personlised-dashboard-5 { -webkit-animation-name: bounceIn; animation-name: bounceIn; }
.personlised-dashboard-6 { background-position: -149px -676px; left: 59px; top: 15px; width: 0px; height: 48px; -webkit-transition: all 0.5s 1s ease; -moz-transition: all 0.5s 1s ease; transition: all 0.5s 1s ease; }
.element-loaded .personlised-dashboard-6 { width: 49px; }
.business-report-1 { background-position: -69px -1319px; left: 0px; top: 2px; width: 76px; height: 94px; }
.element-loaded .business-report-1 { -webkit-animation-name: bounceIn; animation-name: bounceIn; animation-delay: 1.4s; -webkit-animation-delay: 1.4s }
.business-report-2 { background-position: 0px -1317px; left: 8px; top: 10px; width: 0; height: 17px; -webkit-transition: all 0.5s 1.6s ease; -moz-transition: all 0.5s 1.6s ease; transition: all 0.5s 1.6s ease; }
.element-loaded .business-report-2 { width: 61px; }
.business-report-3 { background-position: 0px -1335px; left: 8px; top: 28px; width: 32px; height: 32px; -webkit-transition: all 0.5s 1.8s ease; -moz-transition: all 0.5s 1.8s ease; transition: all 0.5s 1.8s ease; transform: scale(0) rotate(0deg); -webkit-transform: scale(0) rotate(0deg); }
.element-loaded .business-report-3 { transform: scale(1) rotate(360deg); -webkit-transform: scale(1) rotate(360deg); }
.business-report-4 { background-position: -34px -1341px; left: 42px; top: 34px; width: 0; height: 16px; -webkit-transition: all 0.5s 2s ease; -moz-transition: all 0.5s 2s ease; transition: all 0.5s 2s ease; }
.element-loaded .business-report-4 { width: 28px; }
.business-report-5 { background-position: 0px -1372px; left: 8px; top: 65px; height: 24px; width: 0; height: 16px; -webkit-transition: all 0.5s 2.2s ease; -moz-transition: all 0.5s 2.2s ease; transition: all 0.5s 2.2s ease; }
.element-loaded .business-report-5 { width: 27px; }
.business-report-6 { background-position: -29px -1363px; left: 37px; bottom: 15px; width: 34px; height: 0; -webkit-transition: all 0.5s 2.4s ease; -moz-transition: all 0.5s 2.4s ease; transition: all 0.5s 2.4s ease; }
.element-loaded .business-report-6 { height: 32px; }
.ccb-1, .ccb-2, .ccb-3 { left: 36px; top: 2px; width: 37px; height: 36px; background-image: none !important; background-color: #fdbf5e; border-radius: 35px; -webkit-border-radius: 35px; -o-border-radius: 35px; -ms-border-radius: 35px; -moz-border-radius: 35px; z-index: 1; }
.element-loaded .ccb-1, .element-loaded .ccb-2, .element-loaded .ccb-3 { -webkit-animation-name: bounceIn; animation-name: bounceIn; animation-delay: 2.6s; -webkit-animation-delay: 2.6s; }
.ccb-2 { left: 7px; top: 60px; background-color: #2ea2db; }
.ccb-3 { left: 65px; top: 60px; background-color: #f16051; }
.ccb-4, .ccb-5, .ccb-6 { background-position: -167px -504px; left: 38px; top: 9px; width: 33px; height: 37px; z-index: 2; }
.element-loaded .ccb-4, .element-loaded .ccb-5, .element-loaded .ccb-6 { -webkit-animation-name: bounceIn; animation-name: bounceIn; animation-delay: 2.8s; -webkit-animation-delay: 2.8s; }
.ccb-5 { left: 9px; top: 66px; height: 30px; }
.ccb-6 { left: 67px; top: 67px; height: 30px; }
.ccb-7 { background-position: -155px -451px; left: 32px; top: 46px; width: 45px; height: 34px; opacity: 0; -webkit-transition: all 0.5s 3s ease; -moz-transition: all 0.5s 3s ease; transition: all 0.5s 3s ease; }
.element-loaded .ccb-7 { opacity: 1; }
.smart-rosters-col .home-feature-icon-wrapper { width: 75px; margin: 0 auto 10px; }
.smart-rosters-1 { background-position: -107px -1423px; left: 0px; top: 2px; width: 88px; height: 94px; }
.element-loaded .smart-rosters-1 { -webkit-animation-name: bounceIn; animation-name: bounceIn; animation-delay: 3.2s; -webkit-animation-delay: 3.2s }
.smart-rosters-2, .smart-rosters-3, .smart-rosters-4, .smart-rosters-6, .smart-rosters-7, .smart-rosters-8, .smart-rosters-9, .smart-rosters-10, .smart-rosters-11 { background-position: -76px -1505px; left: 27px; top: 39px; width: 16px; height: 13px; }
.element-loaded .smart-rosters-2, .element-loaded .smart-rosters-3, .element-loaded .smart-rosters-4, .element-loaded .smart-rosters-6, .element-loaded .smart-rosters-7, .element-loaded .smart-rosters-8, .element-loaded .smart-rosters-9, .element-loaded .smart-rosters-10, .element-loaded .smart-rosters-11 { -webkit-animation-name: bounceIn; animation-name: bounceIn; animation-delay: 3.4s; -webkit-animation-delay: 3.4s }
.smart-rosters-3 { left: 44px; top: 38px; }
.smart-rosters-4 { left: 61px; top: 38px; }
.smart-rosters-5 { background-position: -55px -1504px; left: 27px; top: 53px; width: 16px; height: 14px; }
.element-loaded .smart-rosters-5 { -webkit-animation-name: bounceIn; animation-name: bounceIn; animation-delay: 3.6s; -webkit-animation-delay: 3.6s }
.smart-rosters-6 { left: 10px; top: 54px; }
.smart-rosters-7 { left: 44px; top: 54px; }
.smart-rosters-8 { left: 61px; top: 54px; }
.smart-rosters-9 { left: 10px; top: 69px; }
.smart-rosters-10 { left: 27px; top: 69px; }
.smart-rosters-11 { left: 44px; top: 69px; }
.payment-1, .payment-2 { background-position: 0px -1430px; left: 26px; top: 30px; width: 72px; height: 47px; -webkit-transition: all 0.5s 3.8s ease; -moz-transition: all 0.5s 3.8s ease; transition: all 0.5s 3.8s ease; opacity: 0; }
.payment-1 { z-index: 1 }
.element-loaded .payment-1 { top: 45px; opacity: 1; }
.payment-2 { background-position: -108px -2072px; width: 71px; height: 47px; top: 31px; left: 0; transition-delay: 4s; -webkit-transition-delay: 4s; }
.element-loaded .payment-2 { top: 16px; opacity: 1; }
.waiting-1 { background-position: 0px -1535px; width: 69px; height: 95px; top: 2px; left: 11px; }
.element-loaded .waiting-1 { -webkit-animation-name: bounceIn; animation-name: bounceIn; animation-delay: 4.2s; -webkit-animation-delay: 4.2s }
.waiting-2, .waiting-3, .waiting-4 { background-position: -151px -750px; width: 18px; height: 13px; top: 28px; left: 21px; -webkit-transition: all 0.5s 4.4s ease; -moz-transition: all 0.5s 4.4s ease; transition: all 0.5s 4.4s ease; transform: scale(0) rotate(0deg); -webkit-transform: scale(0) rotate(0deg); }
.element-loaded .waiting-2, .element-loaded .waiting-3, .element-loaded .waiting-4 { transform: scale(1) rotate(360deg); -webkit-transform: scale(1) rotate(360deg); }
.waiting-3 { top: 48px; }
.waiting-4 { top: 68px; }
.waiting-5, .waiting-6, .waiting-7 { background-position: -170px -750px; width: 0; height: 14px; top: 28px; left: 41px; -webkit-transition: all 0.5s 4.6s ease; -moz-transition: all 0.5s 4.6s ease; transition: all 0.5s 4.6s ease; }
.element-loaded .waiting-5, .element-loaded .waiting-6, .element-loaded .waiting-7 { width: 27px; }
.waiting-6 { top: 48px; }
.waiting-7 { top: 67px; }
.waiting-col .home-feature-icon-wrapper { width: 69px; margin: 0 auto 10px; }
.home-feature-icon-title, .home-feature-icon-title a { font-size: 12px; line-height: 18px; color: #353535; text-transform: uppercase; font-weight: 500; }
.payment-col .home-feature-icon-title { position: relative; left: 9px; }
.smart-rosters-col .home-feature-icon-title { position: relative; left: 6px; }
.waiting-col .home-feature-icon-title { position: relative; left: 11px; }
.ccb-col .home-feature-icon-title { position: relative; left: 4px; }
.view-all-features-btn-wrapper a { display: inline-block; float: none; margin-bottom: 0; margin-right: 0; }
/*Home Features section ends
===========================================================*/

/*Home Center section
===========================================================*/
.home-centres-section { margin-bottom: 190px; }
.centers-image-col, .centers-content-col { float: left; width: 55%; }
.centers-content-col { padding-top: 15px; width: 45%; padding-left: 32px; }
.centers-content-col-inner:after{content: "";display: table;clear: both;}
.centers-content-col-inner { max-width: 493px; margin: 0 auto; position: relative;top: 50%;transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);-webkit-transform: translateY(-50%); }
.alt .centers-content-col { padding-left: 0; padding-top: 0; }
.alt .centers-content-col-inner { margin-left: 0; max-width: none; }
.centers-image-col { visibility: hidden; }
.element-loaded .centers-image-col { visibility: visible }
.alt .centers-image-col { float: right; }
.centers-image-wrapper {
    position: relative;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 425px;
    height: 358px;
}
.centers-image { position: absolute; background: url(../images/home-sprite.png) -150px -1308px; }
.element-loaded .centers-image { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: bounceIn; animation-name: bounceIn; }
.centers-image-1, .centers-image-2 { width: 50px; height: 111px; top: 191px; left: 0px; animation-delay: 1s; -webkit-animation-delay: 1s }
.element-loaded .centers-image-1, .element-loaded .centers-image-2 { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
.centers-image-2 { left: 246px; }
.centers-image-3 {
    background: url(../images/Centres-img.png) scroll 0 0 / auto !important;
    width: 425px;
    height: 358px;
    left: 0;
    top: 0;
    max-width: 100%;
}
.centers-image-4, .centers-image-5, .centers-image-6, .centers-image-7, .centers-image-8, .centers-image-9, .centers-image-10, .centers-image-11, .centers-image-12, .centers-image-13, .centers-image-15 { background-position: -97px -1574px; width: 45px; height: 56px; left: 76px; top: 47px; animation-delay: 1.2s; -webkit-animation-delay: 1.2s }
.centers-image-5 { left: 125px; top: 47px; animation-delay: 1.4s; -webkit-animation-delay: 1.4s }
.centers-image-6 { left: 175px; top: 47px; animation-delay: 1.6s; -webkit-animation-delay: 1.6s }
.centers-image-7 { left: 76px; top: 109px; animation-delay: 1.8s; -webkit-animation-delay: 1.8s }
.centers-image-8 { left: 125px; top: 108px; animation-delay: 2s; -webkit-animation-delay: 2s }
.centers-image-9 { left: 175px; top: 109px; animation-delay: 2.2s; -webkit-animation-delay: 2.2s }
.centers-image-10 { left: 76px; top: 170px; animation-delay: 2.4s; -webkit-animation-delay: 2.4s }
.centers-image-11 { left: 125px; top: 170px; animation-delay: 2.6s; -webkit-animation-delay: 2.6s }
.centers-image-12 { left: 175px; top: 170px; animation-delay: 2.8s; -webkit-animation-delay: 2.8s }
.centers-image-13 { left: 76px; top: 231px; animation-delay: 3s; -webkit-animation-delay: 3s }
.centers-image-15 { left: 175px; top: 231px; animation-delay: 3.2s; -webkit-animation-delay: 3.2s }
.centers-image-14 { background-position: -152px -1557px; width: 47px; height: 73px; left: 125px; top: 229px; animation-delay: 3.4s; -webkit-animation-delay: 3.4s }
/*Home Center section ends
===========================================================*/

/*Home guardians section
===========================================================*/
.home-guardians-section { margin-bottom: 165px; }
.home-guardians-section .home-sub-title { max-width: 500px; }
.guardians-image-wrapper {
    width: 264px;
    height: 540px;
    position: relative;
    margin: 0 auto;
    left: 0;
}
.guardians-image { position: absolute; /*background: url(../images/guardian-sprite.png) no-repeat 0 -12px;*/ width: 124px; height: 203px; left: 30px; top: 83px; opacity: 0; }
.guardians-image-1 { -webkit-transition: all 0.5s 1s ease; -moz-transition: all 0.5s 1s ease; transition: all 0.5s 1s ease; }
.element-loaded .guardians-image-1 { left: 0; opacity: 1; }
.guardians-image-2 { background-position: 0 -213px; width: 123px; height: 211px; left: 271px; top: 75px; -webkit-transition: all 0.5s 1s ease; -moz-transition: all 0.5s 1s ease; transition: all 0.5s 1s ease; }
.element-loaded .guardians-image-2 { left: 301px; opacity: 1; }
.guardians-image-3 {
    background: url(../images/home-Guardians-img.png);
    width: 264px;
    height: 540px;
    left: 0;
    top: 0;
    opacity: 1;
    margin: 0 auto;
    display: block;
    text-align: center;
    right: 0;
}
.element-loaded .guardians-image-3 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: bounceIn; animation-name: bounceIn; }
.home-guardians-section .home-para { margin-bottom: 76px; }
/*Home guardians section ends
===========================================================*/

.centers-cols{display:flex}



/*Home support section
===========================================================*/
.home-support-section { margin-bottom: 62px; }
.support-image-wrapper { width: 424px; height: 350px; position: relative; margin: 0 auto; left: 0;right: 0 }
.support-image { position: absolute; left: 0; top: 0; background: url(../images/home-sprite.png) no-repeat; }
.element-loaded .support-image { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.support-image-1 { background: url(../images/Support-pc-img.png) no-repeat; width: 424px; height: 350px; left: 0; top: 0; }
.element-loaded .support-image-1 { -webkit-animation-name: bounceIn; animation-name: bounceIn; }
.support-image-2 { background-position: 0px -1958px; width: 0; height: 9px; left: 65px; top: 56px; -webkit-transition: all 0.5s 1s ease; -moz-transition: all 0.5s 1s ease; transition: all 0.5s 1s ease; }
.element-loaded .support-image-2 { width: 119px; }
.support-image-3, .support-image-5 { background: #e1e1e1; width: 206px; height: 27px; left: 66px; top: 72px; opacity: 0; -webkit-transition: all 0.5s 1.5s ease; -moz-transition: all 0.5s 1.5s ease; transition: all 0.5s 1.5s ease; }
.element-loaded .support-image-3, .element-loaded .support-image-5 { opacity: 1; }
.support-image-4 { background-position: -60px -1977px; width: 0px; height: 6px; left: 71px; top: 82px; -webkit-transition: all 0.5s 2s ease; -moz-transition: all 0.5s 2s ease; transition: all 0.5s 2s ease; }
.element-loaded .support-image-4 { width: 70px; }
.support-image-5 { top: 110px; -webkit-transition: all 0.5s 2.5s ease; -moz-transition: all 0.5s 2.5s ease; transition: all 0.5s 2.5s ease; }
.support-image-6 { background-position: -129px -1959px; width: 0px; height: 6px; left: 73px; top: 120px; -webkit-transition: all 0.5s 3s ease; -moz-transition: all 0.5s 3s ease; transition: all 0.5s 3s ease; }
.element-loaded .support-image-6 { width: 60px; }
.support-image-7 { background-position: 0px -1976px; width: 54px; height: 14px; left: 217px; top: 162px; opacity: 0; -webkit-transition: all 0.5s 3.5s ease; -moz-transition: all 0.5s 3.5s ease; transition: all 0.5s 3.5s ease; }
.element-loaded .support-image-7 { opacity: 1; top: 152px; }
.home-support-section .home-para { margin-bottom: 76px; }
.home-feedback-form-wrapper .actions button,
.home-feedback-form-wrapper .actions .primary-btn { float: none; display: inline-block; width: 270px; }
/*Home support section ends
===========================================================*/

/*Home happy customer section
===========================================================*/
.home-happy-customer-section { background: #f2f2f2; text-align: center; padding-top: 0; overflow: hidden; margin-bottom: 63px; }
.home-happy-customer-section .home-title { margin-bottom: 27px; }
.home-happy-subtitle { font-size: 18px; line-height: 24px; color: #272727; margin-bottom: 62px; }
.home-feedback-form-wrapper { /*max-width: 570px;*/ margin: 0 auto 11px; }
.home-customer-image-wrapper { margin-left: -64px; }
.home-customer-image-wrapper img { display: block; margin: 0 auto; max-width: 100%; height: auto }
.fields:before, .fields:after { content: ''; display: table; }
.fields:after { clear: both; }
.fields { zoom: 1; margin: 0 -15px; }
.fields .field { float: left; width: 50%; padding: 0 15px 15px; }
.home-feedback-form-wrapper .fields .field { float: left; width: 33.3333%; padding: 0 15px 15px; }
.home-feedback-form-wrapper .fields { margin-bottom: 29px; }
.input-box { position: relative; }
.input-box > label { position: absolute; left: 0; top: 15px; font-size: 16px; line-height: 24px; font-weight: 400;color: #999999; right: 0; text-align: left; padding-left: 15px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
.input-box input { text-align: left; font-weight: 500; font-size: 18px; line-height: 18px; height: 53px; padding: 10px 15px; }
.input-box.outer-focus > label { top: -26px; background: #00AEEF; font-size: 14px; color: #fff; padding-top: 2px; }
/*Home happy customer section ends
===========================================================*/

/*Home best stories section
===========================================================*/

.home-best-stories-section { text-align: center;/* display: none; */ padding-bottom: 6px; }
.home-best-stories-section .container { padding: 0; }
.home-best-stories-section .home-title { position: relative; padding-bottom: 27px; max-width: 480px; margin: 0 auto 17px; font-size: 34px; line-height: 40px; position: relative; left: 1px; }
.home-best-stories-section .home-title:before { content: ''; display: block; position: absolute; left: 50%; width: 133px; height: 5px; background: #00aeef; margin-left: -66px; bottom: 0; }
.home-stories-wrapper { position: relative; left: -6px;margin-bottom: 40px; }
.home-stories-wrapper.owl-carousel .owl-item img { width: auto; max-width: 100%; }
/*Home best stories section ends
===========================================================*/

/*Home ccms section
===========================================================*/

.home-ccms-section { text-align: center; background: #f2f2f2; padding: 54px 0 60px 0; margin-bottom: 43px; }
.home-ccms-section .home-title { position: relative; padding-bottom: 23px; font-size: 34px; line-height: 40px; margin-bottom: 35px; }
.home-ccms-section .home-title:before { content: ''; display: block; position: absolute; left: 50%; width: 133px; height: 5px; background: #00aeef; margin-left: -66px; bottom: 0; }
.ccms-para { max-width: 975px; margin: 0 auto 32px; }
.ccms-para p { font-size: 14px; line-height: 24px; color: #484848; }
.ccms-btn-wrapper a { float: none; display: inline-block; margin: 0; position: relative; left: -26px; }
/*Home ccms section ends
===========================================================*/

/*Home competible section 
===========================================================*/
.home-competible-section { margin-bottom: 99px; overflow: hidden }
.home-competible-section .home-title { position: relative; padding-bottom: 27px; font-size: 34px; line-height: 40px; text-align: center; max-width: 520px; margin: 0 auto 34px; }
.competible-cols { max-width: 1047px; margin: 0 auto; }
.home-competible-section .home-title:before { content: ''; display: block; position: absolute; left: 50%; width: 133px; height: 5px; background: #00aeef; margin-left: -66px; bottom: 0; }
.competible-left-col { float: left; width: 40%; }
.competible-right-col { float: right; width: 59.1%; }
.competible-content p { margin-bottom: 24px; font-size: 14px; line-height: 24px; }
.competible-content p:last-child { margin-bottom: 0; }
.competible-content { margin-bottom: 38px; }
.competible-platforms-title { font-size: 12px; line-height: 18px; color: #414141; font-weight: 500; margin-bottom: 4px; margin-left: -2px; }
.competible-platform { width: 60px; height: 60px; float: left; margin-right: 5px; background: url(../images/home-sprite.png) no-repeat 0 -2003px; }
.window-platform { background-position: -65px -2003px; width: 62px; margin-right: 6px; }
.android-platform { background-position: -133px -2003px; width: 61px; }
.competible-device-image-wrapper { width: 658px; height: 263px; position: relative; margin: 0 auto 92px; visibility: hidden; left: 20px; }
.element-loaded .competible-device-image-wrapper { visibility: visible; }
.competible-btns-wrapper { text-align: center; position: relative; left: 37px; }
.competible-btns-wrapper a { float: none; display: inline-block; }
.competible-btns-wrapper a.primary-btn { width: 306px; margin-right: 7px; }
.competible-device-image { background: url(../images/device-sprite.png); position: absolute; left: 0px; top: 40px; width: 239px; height: 145px; z-index: 2; }
.element-loaded .competible-device-image-1, .element-loaded .competible-device-image-2, .element-loaded .competible-device-image-3 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: bounceIn; animation-name: bounceIn; }
.competible-device-image-2 { background-position: -248px 0; width: 166px; height: 106px; left: 238px; top: 157px; animation-delay: 1s; -webkit-animation-delay: 1s; }
.competible-device-image-3 { background-position: -247px -117px; width: 202px; height: 115px; left: 456px; top: 46px; animation-delay: 1.5s; -webkit-animation-delay: 1.5s; }
.competible-device-image-4 { background-position: 0 -243px; width: 0; height: 192px; left: 82px; top: 34px; z-index: 1; -webkit-transition: all 2s 2s linear; -moz-transition: all 2s 2s linear; transition: all 1s 2s linear; }
.element-loaded .competible-device-image-4 { width: 512px; }
/*Home competible section ends
===========================================================*/

/*ccms black section
===========================================================*/
.ccms-black-section { background: #000000; padding-top: 15px;padding-bottom: 15px; }
.black-ccms-buttons-wrapper a { font-size: 14px; height: 39px; line-height: 38px; width: 194px; margin-right: 16px; margin-bottom: 14px; }
.black-ccms-buttons-wrapper a.secondary-btn { background: #ffffff; border-color: #fff; color: #000; }
.black-ccms-buttons-wrapper a.secondary-btn:hover { color: #fff; background: none; }
.black-ccms-buttons-wrapper { float: left; }
.ccms-black-section .black-ccms-buttons-wrapper {
    float: left;
    display: none;
}
.black-ccms-text { float: none; font-size: 32px; line-height: 40px; color: #fff; text-transform: uppercase; text-align: center}
/*ccms black section ends
===========================================================*/

/*footer section
===========================================================*/

.footer-section { background: #181818; padding: 114px 0 53px 0; }
.footer-section .container { max-width: 1000px; position: relative; }
.footer-col { float: left; width: 20.6%; padding-right: 30px; }
.footer-col:last-child { width: 17%; padding-right: 0; }
.footer-title { font-size: 14px; line-height: 20px; color: #fefefe; font-weight: 500; margin-bottom: 10px; }
.footer-col:last-child .footer-title { margin-bottom: 20px; }
.footer-accordian-content ul li { list-style:none; margin-bottom: 10px; }
.footer-accordian-content ul li img { max-width: 100%; height: auto; }
.footer-col:last-child ul li { margin-bottom: 8px; list-style:none; }
.footer-accordian-content ul li a { color: #e0eef3; font-size: 14px; line-height: 20px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.footer-accordian-content ul li a:hover { color: #00AEEF; }
@media all and (min-width:768px) {
.footer-accordian-content { display: block !important; height: auto !important; overflow: visible !important }
}
.footer-bottom-wrapper { border-top: 1px solid #232323; padding-top: 15px; margin-top: 30px; }
.footer-logo { float: left; width: 140px; }
.footer-bottom-links ul{text-align: center}
.footer-logo img { max-width: 100%; }
.footer-bottom-links { float: none; margin-top: 20px; }
.footer-bottom-links ul li { float: none; margin-right: 15px; list-style:none;text-align: center; display: inline-block}
.footer-bottom-links ul li:last-child { margin-right: 0; }
.footer-bottom-links ul li a:hover { color: #fff; }
.footer-bottom-links ul li, .footer-bottom-links ul li a { font-size: 14px; line-height: 20px; color: #a5a5a5; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
/*footer section ends
===========================================================*/

/*Centres section One
===========================================================*/
.centres_section_one { background:#000000; padding:108px 0 0 0; overflow:hidden; }
.centres_section_one .container { position:relative; min-height:560px; max-width: inherit}
.centres_section_one .section_contain_one { max-width:780px; margin:0 auto; text-align:center; color:#fff; position: relative;}
.centres_section_one .section_contain_one h3 { text-align:center; text-transform:uppercase; font-size:33px; line-height:49px; }
.centres_section_one .section_contain_one span.c_line,
.centres_section_one .contact_contain_one span.c_line { font-size:21px; font-weight:400; display:block; margin:30px 0 40px 0;color:#fff }
.centres_section_one .section_contain_one p { font-size:14px; line-height:24px; font-weight:400; }

.contain_one_img { width:443px; height:486px; background-image:url(../images/boy-img.png); background-repeat:no-repeat; background-position:0 0; position:relative; }
.boy_read_img { position:absolute; right:-178px; margin-right:-150px; bottom:0; opacity:0; visibility:visible; -webkit-transition: all 0.5s 1.5s ease; -moz-transition: all 0.5s 1.5s ease; transition: all 0.5s 1.5s ease; }
.element-loaded .boy_read_img { opacity:1; visibility:visible; margin-right:0; }
.eye_one { width:37px; height:20px; background-image:url(../images/eye_ong.png); background-position:0 0; background-repeat:no-repeat; position:absolute; left:103px; top:83px; }
.eye_two { width:37px; height:20px; background-image:url(../images/eye_ong.png); background-position:0 0; background-repeat:no-repeat; position:absolute; right:134px; bottom:217px;  }

a.book-demo-btn2 { display: inline-block; width: 236px; text-align: center; line-height: 50px; height: 53px; border: 2px solid #fff; font-size: 18px; font-weight: 500; text-transform: uppercase; color: #fff; border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
a.book-demo-btn2 { background: #00AEEF; border-color: #00AEEF; margin-top:60px; }
a.book-demo-btn2:hover { background: none; border-color: #fff; }

.eye_one{
-moz-animation-name:blink-eye-one;
-moz-animation-duration:3s;
-moz-animation-iteration-count:infinite;
-moz-animation-timing-function:linear;
-webkit-animation-name:blink-eye-one;
-webkit-animation-duration:3s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;
-ms-animation-name:blink-eye-one;
-ms-animation-duration:3s;
-ms-animation-iteration-count:infinite;
-ms-animation-timing-function:linear;
-o-animation-name:blink-eye-one;
-o-animation-duration:3s;
-o-animation-iteration-count:infinite;
-o-animation-timing-function:linear;
animation-name:blink-eye-one;
animation-duration:3s;
animation-iteration-count:infinite;
animation-timing-function:linear;
position:absolute;
}


@-moz-keyframes blink-eye-one{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }

}

@-webkit-keyframes blink-eye-one{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}

@-ms-keyframes blink-eye-one{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }

}

@-o-keyframes blink-eye-one{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }

}

@keyframes blink-eye-one{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }

}



.eye_two{
-moz-animation-name:blink-eye-two;
-moz-animation-duration:4s;
-moz-animation-iteration-count:infinite;
-moz-animation-timing-function:linear;
-webkit-animation-name:blink-eye-two;
-webkit-animation-duration:4s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;
-ms-animation-name:blink-eye-two;
-ms-animation-duration:4s;
-ms-animation-iteration-count:infinite;
-ms-animation-timing-function:linear;
-o-animation-name:blink-eye-two;
-o-animation-duration:4s;
-o-animation-iteration-count:infinite;
-o-animation-timing-function:linear;
animation-name:blink-eye-two;
animation-duration:4s;
animation-iteration-count:infinite;
animation-timing-function:linear;
}


@-moz-keyframes blink-eye-two{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }

}

@-webkit-keyframes blink-eye-two{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}

@-ms-keyframes blink-eye-two{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }

}

@-o-keyframes blink-eye-two{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }

}

@keyframes blink-eye-two{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }

}

/** Centre page inner banner img CSS ********************/
.ladyoncomputer_img { position:absolute; right:0px;top:-108px;margin-right: -150px; opacity:0; visibility:visible; -webkit-transition: all 0.5s 1.5s ease; -moz-transition: all 0.5s 1.5s ease; transition: all 0.5s 1.5s ease; }
.ladyoncomputer_one_img { width:725px; height:643px; background-image:url(../images/centrePage-Banner.png); background-repeat:no-repeat; background-position:0 0; position:relative; }
.ladyoncomputer_eye_one { width:45px; height:16px; background-image:url(../images/centrePage-Banner-eye.png); background-position:0 0; background-repeat:no-repeat; position:absolute;right: 181px;bottom: 264px;}
.element-loaded .ladyoncomputer_img { opacity:1; visibility:visible;margin-right: 0;}

.ladyoncomputer_eye_one{
-moz-animation-name:ladyoncomputer-eye;
-moz-animation-duration:3s;
-moz-animation-iteration-count:infinite;
-moz-animation-timing-function:linear;
-webkit-animation-name:ladyoncomputer-eye;
-webkit-animation-duration:3s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;
-ms-animation-name:ladyoncomputer-eye;
-ms-animation-duration:3s;
-ms-animation-iteration-count:infinite;
-ms-animation-timing-function:linear;
-o-animation-name:ladyoncomputer-eye;
-o-animation-duration:3s;
-o-animation-iteration-count:infinite;
-o-animation-timing-function:linear;
animation-name:ladyoncomputer-eye;
animation-duration:3s;
animation-iteration-count:infinite;
animation-timing-function:linear;
position:absolute;
}

@-moz-keyframes ladyoncomputer-eye{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
@-webkit-keyframes ladyoncomputer-eye{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
@-ms-keyframes ladyoncomputer-eye{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
@-o-keyframes ladyoncomputer-eye{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
@keyframes ladyoncomputer-eye{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
/** && Centre page inner banner img CSS ********************/

/** Guardians page inner banner img CSS ********************/
.guardians_img { position:absolute;left: 0px;bottom: 0;margin-left: -150px; opacity:0; visibility:visible; -webkit-transition: all 0.5s 1.5s ease; -moz-transition: all 0.5s 1.5s ease; transition: all 0.5s 1.5s ease; }
.guardians_one_img { width:663px; height:484px; background-image:url(../images/Guardian-banner.png); background-repeat:no-repeat; background-position:0 0; position:relative; }
.guardians_eye_one { width:29px; height:11px; background-image:url(../images/Guardian-banner-meneye.png); background-position:0 0; background-repeat:no-repeat; position:absolute;right: 342px;top: 171px;}
.guardians_eye_two { width:25px; height:13px; background-image:url(../images/Guardian-banner-girleye.png); background-position:0 0; background-repeat:no-repeat; position:absolute;left: 226px;top: 188px;}
.guardians_eye_three { width:25px; height:12px; background-image:url(../images/Guardian-banner-kideye.png); background-position:0 0; background-repeat:no-repeat; position:absolute;left: 162px;bottom: 161px;}
.guardians_eye_four { width:27px; height:10px; background-image:url(../images/Guardian-banner-boyeye.png); background-position:0 0; background-repeat:no-repeat; position:absolute;right: 310px;top: 126px;}
.element-loaded .guardians_img { opacity:1; visibility:visible;margin-left: 0;}

.guardians_eye_one{
-moz-animation-name:guardians-eye1;
-moz-animation-duration:3s;
-moz-animation-iteration-count:infinite;
-moz-animation-timing-function:linear;
-webkit-animation-name:guardians-eye1;
-webkit-animation-duration:3s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;
-ms-animation-name:guardians-eye1;
-ms-animation-duration:3s;
-ms-animation-iteration-count:infinite;
-ms-animation-timing-function:linear;
-o-animation-name:guardians-eye1;
-o-animation-duration:3s;
-o-animation-iteration-count:infinite;
-o-animation-timing-function:linear;
animation-name:guardians-eye1;
animation-duration:3s;
animation-iteration-count:infinite;
animation-timing-function:linear;
position:absolute;
}
@-moz-keyframes guardians-eye1{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
@-webkit-keyframes guardians-eye1{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
@-ms-keyframes guardians-eye1{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
@-o-keyframes guardians-eye1{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
@keyframes guardians-eye1{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}



.guardians_eye_two{
-moz-animation-name:guardians-eye2;
-moz-animation-duration:4s;
-moz-animation-iteration-count:infinite;
-moz-animation-timing-function:linear;
-webkit-animation-name:guardians-eye2;
-webkit-animation-duration:4s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;
-ms-animation-name:guardians-eye2;
-ms-animation-duration:4s;
-ms-animation-iteration-count:infinite;
-ms-animation-timing-function:linear;
-o-animation-name:guardians-eye2;
-o-animation-duration:4s;
-o-animation-iteration-count:infinite;
-o-animation-timing-function:linear;
animation-name:guardians-eye2;
animation-duration:4s;
animation-iteration-count:infinite;
animation-timing-function:linear;
position:absolute;
}
@-moz-keyframes guardians-eye2{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
@-webkit-keyframes guardians-eye2{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
@-ms-keyframes guardians-eye2{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
@-o-keyframes guardians-eye2{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
@keyframes guardians-eye2{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}


.guardians_eye_three{
-moz-animation-name:guardians-eye3;
-moz-animation-duration:5s;
-moz-animation-iteration-count:infinite;
-moz-animation-timing-function:linear;
-webkit-animation-name:guardians-eye3;
-webkit-animation-duration:5s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;
-ms-animation-name:guardians-eye3;
-ms-animation-duration:5s;
-ms-animation-iteration-count:infinite;
-ms-animation-timing-function:linear;
-o-animation-name:guardians-eye3;
-o-animation-duration:5s;
-o-animation-iteration-count:infinite;
-o-animation-timing-function:linear;
animation-name:guardians-eye3;
animation-duration:5s;
animation-iteration-count:infinite;
animation-timing-function:linear;
position:absolute;
}
@-moz-keyframes guardians-eye3{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
@-webkit-keyframes guardians-eye3{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
@-ms-keyframes guardians-eye3{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
@-o-keyframes guardians-eye3{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
@keyframes guardians-eye3{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}


.guardians_eye_four{
-moz-animation-name:guardians-eye4;
-moz-animation-duration:6s;
-moz-animation-iteration-count:infinite;
-moz-animation-timing-function:linear;
-webkit-animation-name:guardians-eye4;
-webkit-animation-duration:6s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;
-ms-animation-name:guardians-eye4;
-ms-animation-duration:6s;
-ms-animation-iteration-count:infinite;
-ms-animation-timing-function:linear;
-o-animation-name:guardians-eye4;
-o-animation-duration:6s;
-o-animation-iteration-count:infinite;
-o-animation-timing-function:linear;
animation-name:guardians-eye4;
animation-duration:6s;
animation-iteration-count:infinite;
animation-timing-function:linear;
position:absolute;
}
@-moz-keyframes guardians-eye4{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
@-webkit-keyframes guardians-eye4{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
@-ms-keyframes guardians-eye4{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
@-o-keyframes guardians-eye4{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
@keyframes guardians-eye4{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
/** && Guardians page inner banner img CSS ********************/


/** Features page inner banner img CSS ********************/
.features_img { position:absolute; left:-100px;bottom:-30px;margin-left: -150px; opacity:0; visibility:visible; -webkit-transition: all 0.5s 1.5s ease; -moz-transition: all 0.5s 1.5s ease; transition: all 0.5s 1.5s ease; }
.features_one_img { width:500px; height:361px; background-image:url(../images/features-img.png); background-repeat:no-repeat; background-position:0 0; position:relative; }
.features_eye_one { width:37px; height:16px; background-image:url(../images/features-img-eye.png); background-position:0 0; background-repeat:no-repeat; position:absolute;left: 181px;top: 51px;}

.element-loaded .features_img { opacity:1; visibility:visible;margin-left: 0;}

.features_eye_one{
-moz-animation-name:features-eye;
-moz-animation-duration:3s;
-moz-animation-iteration-count:infinite;
-moz-animation-timing-function:linear;
-webkit-animation-name:features-eye;
-webkit-animation-duration:3s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;
-ms-animation-name:features-eye;
-ms-animation-duration:3s;
-ms-animation-iteration-count:infinite;
-ms-animation-timing-function:linear;
-o-animation-name:features-eye;
-o-animation-duration:3s;
-o-animation-iteration-count:infinite;
-o-animation-timing-function:linear;
animation-name:features-eye;
animation-duration:3s;
animation-iteration-count:infinite;
animation-timing-function:linear;
position:absolute;
}

@-moz-keyframes features-eye{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
@-webkit-keyframes features-eye{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
@-ms-keyframes features-eye{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
@-o-keyframes features-eye{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
@keyframes features-eye{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
/** && Features page inner banner img CSS ********************/



.page-template-blog-listing-page .centres_section_one .container {
    position: relative;
    min-height: 650px;
}
.page-template-blog-listing-page .centres_section_one {padding: 35px 0 0 0;}

/** Resources page inner banner img CSS ********************/
.resources_one_img > div {
    display: none;
}
.blogmainimg{position: relative}

.resources_one_img.resourcesimgdiv {
    width: 100%;
    height: 650px;
    margin: 0 auto;
    background-image: url(../images/Blog_Banner.png);
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    bottom: 0;
    background-size: cover;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.resources_img { position:absolute;left:0;right: 0; bottom: 0;margin-bottom: -150px; opacity:0; visibility:visible; -webkit-transition: all 0.5s 1.5s ease; -moz-transition: all 0.5s 1.5s ease; transition: all 0.5s 1.5s ease; }
/*.resources_one_img { width:100%;max-width: 1500px; height:650px;margin: 0 auto; background-image:url(../images/Blog_Banner.png); background-repeat:no-repeat; background-position:0 0; position:relative; }*/
.resources_eye_one { width:41px; height:18px; background-image:url(../images/resources-img-eye1.png); background-position:0 0; background-repeat:no-repeat; position:absolute;right: 320px;top: 70px;}
.resources_eye_two { width:36px; height:19px; background-image:url(../images/resources-img-eye2.png); background-position:0 0; background-repeat:no-repeat; position:absolute;left: 153px;top: 76px;}
.resources_eye_three { width:37px; height:15px; background-image:url(../images/resources-img-eye3.png); background-position:0 0; background-repeat:no-repeat; position:absolute;right: 182px;top: 120px;}
.resources_eye_four { width:44px; height:17px; background-image:url(../images/resources-img-eye4.png); background-position:0 0; background-repeat:no-repeat; position:absolute;left: 60px;top: 98px;}
.element-loaded .resources_img { opacity:1; visibility:visible;margin-bottom:0;}

.resources_eye_one{
-moz-animation-name:resources-eye1;
-moz-animation-duration:3s;
-moz-animation-iteration-count:infinite;
-moz-animation-timing-function:linear;
-webkit-animation-name:resources-eye1;
-webkit-animation-duration:3s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;
-ms-animation-name:resources-eye1;
-ms-animation-duration:3s;
-ms-animation-iteration-count:infinite;
-ms-animation-timing-function:linear;
-o-animation-name:resources-eye1;
-o-animation-duration:3s;
-o-animation-iteration-count:infinite;
-o-animation-timing-function:linear;
animation-name:resources-eye1;
animation-duration:3s;
animation-iteration-count:infinite;
animation-timing-function:linear;
position:absolute;
}
@-moz-keyframes resources-eye1{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
@-webkit-keyframes resources-eye1{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
@-ms-keyframes resources-eye1{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
@-o-keyframes resources-eye1{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
@keyframes resources-eye1{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}



.resources_eye_two{
-moz-animation-name:resources-eye2;
-moz-animation-duration:4s;
-moz-animation-iteration-count:infinite;
-moz-animation-timing-function:linear;
-webkit-animation-name:resources-eye2;
-webkit-animation-duration:4s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;
-ms-animation-name:resources-eye2;
-ms-animation-duration:4s;
-ms-animation-iteration-count:infinite;
-ms-animation-timing-function:linear;
-o-animation-name:resources-eye2;
-o-animation-duration:4s;
-o-animation-iteration-count:infinite;
-o-animation-timing-function:linear;
animation-name:resources-eye2;
animation-duration:4s;
animation-iteration-count:infinite;
animation-timing-function:linear;
position:absolute;
}
@-moz-keyframes resources-eye2{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
@-webkit-keyframes resources-eye2{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
@-ms-keyframes resources-eye2{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
@-o-keyframes resources-eye2{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
@keyframes resources-eye2{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}


.resources_eye_three{
-moz-animation-name:resources-eye3;
-moz-animation-duration:4s;
-moz-animation-iteration-count:infinite;
-moz-animation-timing-function:linear;
-webkit-animation-name:resources-eye3;
-webkit-animation-duration:4s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;
-ms-animation-name:resources-eye3;
-ms-animation-duration:4s;
-ms-animation-iteration-count:infinite;
-ms-animation-timing-function:linear;
-o-animation-name:resources-eye3;
-o-animation-duration:4s;
-o-animation-iteration-count:infinite;
-o-animation-timing-function:linear;
animation-name:resources-eye3;
animation-duration:4s;
animation-iteration-count:infinite;
animation-timing-function:linear;
position:absolute;
}
@-moz-keyframes resources-eye3{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
@-webkit-keyframes resources-eye3{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
@-ms-keyframes resources-eye3{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
@-o-keyframes resources-eye3{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
@keyframes resources-eye3{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}


.resources_eye_four{
-moz-animation-name:resources-eye4;
-moz-animation-duration:5s;
-moz-animation-iteration-count:infinite;
-moz-animation-timing-function:linear;
-webkit-animation-name:resources-eye4;
-webkit-animation-duration:5s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;
-ms-animation-name:resources-eye4;
-ms-animation-duration:5s;
-ms-animation-iteration-count:infinite;
-ms-animation-timing-function:linear;
-o-animation-name:resources-eye4;
-o-animation-duration:5s;
-o-animation-iteration-count:infinite;
-o-animation-timing-function:linear;
animation-name:resources-eye4;
animation-duration:5s;
animation-iteration-count:infinite;
animation-timing-function:linear;
position:absolute;
}
@-moz-keyframes resources-eye4{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
@-webkit-keyframes resources-eye4{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
@-ms-keyframes resources-eye4{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
@-o-keyframes resources-eye4{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
@keyframes resources-eye4{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
/** && Resources page inner banner img CSS ********************/


/** privacypolicy page inner banner img CSS ********************/
.privacypolicy_img { position:absolute; left:-100px;bottom:-20px;margin-left: -150px; opacity:0; visibility:visible; -webkit-transition: all 0.5s 1.5s ease; -moz-transition: all 0.5s 1.5s ease; transition: all 0.5s 1.5s ease; }
.privacypolicy_one_img { width:442px; height:627px; background-image:url(../images/privacypolicy-img.png); background-repeat:no-repeat; background-position:0 0; position:relative; }
.privacypolicy_eye_one { width:47px; height:17px; background-image:url(../images/privacypolicy-img-eye.png); background-position:0 0; background-repeat:no-repeat; position:absolute;left: 105px;top: 58px;}
.element-loaded .privacypolicy_img { opacity:1; visibility:visible;margin-left: 0;}

.privacypolicy_eye_one{
-moz-animation-name:privacypolicy-eye;
-moz-animation-duration:3s;
-moz-animation-iteration-count:infinite;
-moz-animation-timing-function:linear;
-webkit-animation-name:privacypolicy-eye;
-webkit-animation-duration:3s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;
-ms-animation-name:privacypolicy-eye;
-ms-animation-duration:3s;
-ms-animation-iteration-count:infinite;
-ms-animation-timing-function:linear;
-o-animation-name:privacypolicy-eye;
-o-animation-duration:3s;
-o-animation-iteration-count:infinite;
-o-animation-timing-function:linear;
animation-name:privacypolicy-eye;
animation-duration:3s;
animation-iteration-count:infinite;
animation-timing-function:linear;
position:absolute;
}

@-moz-keyframes privacypolicy-eye{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
@-webkit-keyframes privacypolicy-eye{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
@-ms-keyframes privacypolicy-eye{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
@-o-keyframes privacypolicy-eye{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
@keyframes privacypolicy-eye{
0%{ opacity:1;}
48%{ opacity:1;}
50%{ opacity:0;}
53%{ opacity:1;}
100%{ opacity:1; }
}
/** && privacypolicy page inner banner img CSS ********************/


/*Centres section One ends
===========================================================*/

/*Centres section two
===========================================================*/
/*.centres_section_two { padding:35px 0 0 0; }*/
.section_two_title { text-align:center; }
.centres_section_two .container { max-width:100%; }  
.no-touch .centres_section_two .container { padding-right:0;padding-left: 0 }
.section_two_title h2 { font-size:40px; color:#00aeef; font-weight:400; text-transform:uppercase; margin-bottom:20px; }

.book-demo-btn2.white-bg { margin:48px 0 0 0; }
.book-demo-btn2.white-bg:hover { background: none; border-color: #00aeef; color:#00aeef; }

.section_contain_two h3 { font-size:30px; color:#00aeef; font-weight:400; text-transform:uppercase; margin-bottom:28px; }
.section_contain_two p {
    font-size: 17px;
    color: #353535;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
}
.contain_two_img { float:left; width:50%;text-align: center;position: relative;
    top: 50%;
    transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.section_contain_two {
    float: left;
    width: 50%;
    padding: 0 60px;
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);-webkit-transform: translateY(-50%);
}
.contain_two_img img { float:left; opacity:0; visibility:hidden; margin-left:100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.element-loaded .contain_two_img img { opacity:1; visibility:visible; margin-left:0; }
.touch .contain_two_img img { max-width:100%; }

.breadcrumbs { margin:0 auto; padding:0; list-style:none; }  
.breadcrumbs li { display:inline-block; position:relative; padding-right:10px; margin-right:6px; color:#484848; font-size:16px; list-style:none; }
.breadcrumbs li a { color:#484848; font-size:16px; transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease }
.breadcrumbs li a:hover { color:#00aeef; }
.breadcrumbs li:after { content:"/"; position:absolute; top:0; right:-2px; color:#484848; }
.breadcrumbs li:last-child:after { display:none; }
/*Centres section two ends
===========================================================*/

.section_contain_two h3, .section_contain_two p{text-align: center}
.contain_two_img img {
    width: auto;
    max-width: 460px;
    max-height: 460px;
    margin: 0 auto;
    text-align: center;
    float: none;
}

.sectiontwobox_main .section_two {
    padding: 100px 0;
    height: 660px;
}
.sectiontwobox_main .section_two:nth-child(even){background: #f2f2f2;}
.sectiontwobox_main .section_two:nth-child(odd) .contain_two_img{float: right}
/*Centres section three
===========================================================*/
.centres_section_three { padding:48px 0 0 0; min-height:1298px; background:url(../images/bg1.jpg) center top no-repeat; }
.section_contain_three { text-align:center; max-width:970px; margin:0 auto; } 
.section_contain_three h3 { font-size:40px; color:#1d1d1d; font-weight:400; text-transform:uppercase; margin-bottom:30px; position:relative; top:15px; }
.section_contain_three p { font-size:14px; color:#353535; font-weight:400; line-height:24px; text-align:center; }
.section_contain_three .book-demo-btn2 { margin-top:30px; }
/*Centres section three ends
===========================================================*/

/*Centres section four
===========================================================*/
.centres_section_four { padding:60px 0 0 0; min-height:1541px; background:url(../images/bg2.jpg) center top no-repeat; }
.section_contain_four { text-align:center; max-width:970px; margin:0 auto; } 
.section_contain_four h3 { font-size:40px; color:#fff; font-weight:400; text-transform:uppercase; margin-bottom:30px; }
.section_contain_four p { font-size:14px; color:#fff; font-weight:400; line-height:24px; text-align:center; }
.section_contain_four p a { color:#00aeef; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.section_contain_four p a:hover { text-decoration:underline; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.section_contain_four .book-demo-btn2 { margin-top:30px; }
/*Centres section four ends
===========================================================*/

/*contact section one
===========================================================*/
.contact_section_one { background:#000000; overflow:hidden; }
.contact_section_one .container { padding-top:105px; min-height:705px; position:relative; }
.right_call_img { position:absolute; right:-82px; margin-right:-150px; bottom:0; opacity:0; visibility:hidden;  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.element-loaded .right_call_img { opacity:1; visibility:visible; margin-right:0; }
.call_boy_img { width:422px; height:662px; background-image:url(../images/call-boy-img.png); background-position:0 0; background-repeat:no-repeat; }
.contact_contain_one { max-width:770px; margin:0 auto; text-align:center; }
.contact_contain_one p { font-size:21px; color:#fff; font-weight:400; line-height:24px; text-align:center; margin-bottom:16px; }
.contact_contain_one p.call_line { margin:0; }
.contact_contain_one p.call_line a { font-size:28px; color:#fff; font-weight:700; color:#fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.contact_contain_one p.call_line a:hover { color:#000; }
.contact_contain_one h3 { text-align:center; text-transform:uppercase; font-size:33px; line-height:49px; color:#fff; margin-bottom:12px; }

/*contact section one ends
===========================================================*/

/*contact info section
===========================================================*/
.contact_title_block { padding:40px 0; }
.contact_title_block { text-align:center; }
.contact_title_block h1 { font-size:40px; color:#00aeef; font-weight:400; text-transform:uppercase; margin-bottom:20px; }
/*.contact_map_right iframe { width:100%; float:left; display:block; }*/
/*.contact_map_right { float:right; width:49.3%; }
.contact_contain_left { float:right; width:570px; padding-right:30px; padding-top:45px; }*/

.contact_page_form textarea.inputbox {
    height: 120px !important;
}
.contact_page_form .inputbox{
    height: 42px;
    border: 1px solid #bdbdbd;
    color: #606060;
    padding: 7px 15px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    width: 100%;
}
.contact_page_form .form-group > label {
    font-weight: 400;
    color: #606060;
    margin-bottom: 5px;
}
.contact_page_form .inputbox:focus {
    border-color: #00aeef;
}
.contact_page_form .select_box {
    position: relative;
}
.contact_page_form .select_box:before {
    content: "\f0d7";
    font-family: "FontAwesome";
    font-size: 22px;
    line-height: 40px;
    width: 40px;
    position: absolute;
    right: 1px;
    top: 1px;
    background: #fff;
    pointer-events: none;
    text-align: center;
    color: #999;
    z-index: 1;
}
.contact_page_form select {
    appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    -webkit-appearance: none;
}
.contact_page_form .btn-send input {
    background: #00aeef;
    color: #fff;
    border: 2px solid #00aeef;
    height: 50px;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 0 15px;
    line-height: 50px;
    min-width: 170px;
}

.contact_page_form .captchabox {
    float: left;
    transform: scale(0.85);-moz-transform: scale(0.85);-ms-transform: scale(0.85);-o-transform: scale(0.85);-webkit-transform: scale(0.85);
    transform-origin: 0 0;-moz-transform-origin: 0 0;-ms-transform-origin: 0 0;-o-transform-origin: 0 0;-webkit-transform-origin: 0 0;
}
.contact_page_form .captchabox .recaptcha-error-message{font-size: 15px;}
.contact_page_form .submit_box {
    float: right;
}
.contact_page_form .form-group {
    margin-bottom: 25px;
}
.contact_page_form .form-group:after{
    content: "";display: table;clear: both;
}
.contact_page_form .captchabox .form-group {
    position: relative;
}
.contact_page_form .btn-send {
    position: relative;
}
.contact_page_form div div.wpcf7 .ajax-loader {
    right: 15px;
    top: 50%;
    visibility: visible;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.contact_page_form form .col-sm-6,
.contact_page_form form .col-sm-8,
.contact_page_form form .col-sm-4,
.contact_page_form form .col-md-4{width: 100%;float:left}


.contact_info_contain { padding:0 0 30px 0; }
.contact_contain_left p { padding:0 0 0 170px; margin-bottom:70px; position:relative; min-height:123px; color:#323232; font-size:18px; }
.contact_contain_left p:before { width:113px; height:123px; content:""; position:absolute; left:0; top:0; background-image:url(../images/icon-sprite.png); background-repeat:no-repeat; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; margin-top:0; }
.no-touch .contact_contain_left p:hover:before { margin-top:-15px; }
.contact_contain_left p.call_icon:before { background-position:0 0; }
.contact_contain_left p.location_icon:before { background-position:0 -194px; }
.contact_contain_left p.email_icon:before { background-position:0 -387px; } 
.contact_contain_left p > span { position:absolute; top:50%; transform:translateX(0) translateY(-50%); -o-transform:translateX(0) translateY(-50%); -webkit-transform:translateX(0) translateY(-50%); -o-transform:translateX(0) translateY(-50%); -ms-transform:translateX(0) translateY(-50%); -moz-transform:translateX(0) translateY(-50%); }
.contact_contain_left p span span { display:block; } 
.contact_contain_left p a { color:#323232; }
.contact_contain_left p a:hover { color:#00adee; }

/*contact info section ends
===========================================================*/

/* Sign up page start
===========================================================*/
.signup_section_main { background:url(../images/signup-bg.jpg) center center no-repeat; padding:40px 0; position:relative; }
.no-touch .signup_section_main { padding:150px 0; }
.signup_section_main:before { width:100%; height:100%; background:rgba(0,0,0,0.2); content:""; position:absolute; left:0; top:0; }
.signup_section_main > div { position:relative; z-index:9; }

.account_field_bar { float:right; padding:30px; background:#fff; width:450px; box-sizing:border-box; -o-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; }
.account_field_box { max-width:100%; }
.account_field_box h3 { font-weight:400; font-size:22px; color:#00aeef; margin-bottom:10px; }

.account_field_box .account_field_input { margin-bottom:15px; }
.account_field_box .account_field_input input[type="text"],
.account_field_box .account_field_input input[type="password"] { width:100%; height:50px; line-height:50px; color:#b1b1b1; box-sizing:border-box; -o-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; padding:0 30px 0 15px; margin:0; border:0; background:#fff; border:1px solid #b1b1b1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }

.account_field_box .account_field_input input:focus { border-color:#00aeef; -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5); }

.account_field_input { position:relative; }
.account_field_input.last_field { margin-bottom:0; }

.account_field_input:before { position:absolute; top:50%; right:10px; font-family:'FontAwesome'; transform:translateX(0) translateY(-50%); -o-transform:translateX(0) translateY(-50%); -webkit-transform:translateX(0) translateY(-50%); -o-transform:translateX(0) translateY(-50%); -ms-transform:translateX(0) translateY(-50%); -moz-transform:translateX(0) translateY(-50%); }
.account_field_input.email_username:before { content:"\f0e0"; font-size:20px; color:#b1b1b1; }
.account_field_input.password:before { content:"\f023"; font-size:22px; color:#b1b1b1; right:10px; }
.account_field_input.full_name:before { content:"\f007"; font-size:22px; color:#b1b1b1; }

.account_field_input ::-webkit-input-placeholder { color:#b1b1b1; }
.account_field_input :-moz-placeholder { color:#b1b1b1; opacity:1; }
.account_field_input ::-moz-placeholder {color:#b1b1b1; opacity:1; }
.account_field_input :-ms-input-placeholder { color:#b1b1b1; }

.account_field_box .logged_in { margin:15px 0; }
.account_field_box  p.keep_me { margin:15px 0 0; }
.account_field_box .logged_in a.forgot_password { float:left; color:#000; padding-top:10px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.account_field_box .logged_in a.forgot_password:hover { color:#00aeef; text-decoration:underline; }

.check_box_main { margin-top:15px; }
.check_box_main label { color:#b1b1b1; font-weight:400; font-size:14px; }
.check_box_main input[type="checkbox"] { position:relative; top:-2px; margin-right:5px; }
.check_box_main input[type="checkbox"] { display:none; }
.check_box_main input[type="checkbox"] + label { cursor:pointer; color:#000; padding-left:30px; position:relative; float:left; line-height:20px; }
.check_box_main input[type="checkbox"] + label:before { content:""; display:inline-block; width:20px; height: 20px; background:url(../images/checkbox-bg.png); vertical-align: middle; cursor: pointer; position:absolute; top:0; left:0; background-position:0 0 !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.check_box_main input[type="checkbox"] + label:after { content:""; display:inline-block; width:0px; height: 20px; background:url(../images/checkbox-bg.png); vertical-align: middle; cursor: pointer; position:absolute; top:0; left:0; background-position:0 0 !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.check_box_main input[type="checkbox"]:checked + label:after { background-image:url(../images/check-bg.png); background-position:0 0 !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; width:20px; }


button.btn_submit_form { padding:0 36px; border:2px solid #00aeef; background:#00aeef; color:#fff; text-align:center; height:40px; line-height:36px; font-size:14px; text-transform:uppercase; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; float:right; border-radius:4px; -webkit-border-radius:4px; font-weight:500; }
.no-touch button.btn_submit_form:hover { color:#00aeef; background:#fff; border:2px solid #00aeef; }
.btn_submit_form.cancle { background:#999; color:#fff; border:2px solid #999; padding:0 15px; margin-right:10px; }
.no-touch .btn_submit_form.cancle:hover { background:none; color:#999; border:2px solid #999; }

a.cancle_btn { padding:0 20px; border:2px solid #b1b1b1; background:#b1b1b1; color:#fff; text-align:center; height:40px; line-height:36px; font-size:14px; text-transform:uppercase; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; float:left; border-radius:4px; -webkit-border-radius:4px; font-weight:500; display:inline-block; margin-left:10px; }
.no-touch a.cancle_btn:hover { color:#00aeef; background:#fff; border:2px solid #00aeef; }


.signup_box_content { background:rgba(0,0,0,.5); padding:30px; max-width:800px; margin:0 auto; position:relative; }
.left_box { width:250px; float:left; margin:0 25px 0 0; position:absolute; top:50%; transform:translateX(0) translateY(-50%); -o-transform:translateX(0) translateY(-50%); -webkit-transform:translateX(0) translateY(-50%); -o-transform:translateX(0) translateY(-50%); -ms-transform:translateX(0) translateY(-50%); -moz-transform:translateX(0) translateY(-50%); }
.left_box p { color:#fff; margin-bottom:15px; }
.left_box h3 { font-weight:400; font-size:28px; margin-bottom:10px; color:#fff; }
a.btn-signup { display:inline-block; padding:0 36px; border:2px solid #00aeef; background:#00aeef; color:#fff; text-align:center; height:40px; line-height:36px; font-size:14px; text-transform:uppercase; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; border-radius:4px; -webkit-border-radius:4px; font-weight:500; }
a.btn-signup:hover { color:#fff; background:none; border:2px solid #fff; }

.register_content {  background:rgba(0,0,0,0.5); padding:30px; margin:0 auto; width:auto; display:table; }
.register_content .account_field_bar { float:none; }
.google_ceptcha { overflow:hidden; margin:15px 0; }
.google_ceptcha img { max-width:300px; width:auto; }

p.f_password { margin-bottom:15px; }
button.btn_submit_form { float:left; }
.btn_submit_form.login { float:right; }
.btn_submit_form.cancle { margin:0 0 0 10px; }
/* Sign up page start
===========================================================*/


.banner_caption_col {
    clear: both;
    margin: 60px 0 0 0;
    float: left;
    width: 100%;
}
.integration_section {
    display: block;
    width: 472px;
    height: 420px;
    float: right;
    margin: 40px 0 0 0;
    position: relative;
    opacity: 0
}
.integration_section.element-loaded {
    opacity: 1;
}
.integration_section:before {
    content: "";
    background: #606060;
    width: 2px;
    height: 380px;
    position: absolute;
    right: -15px;
    top: 20px;
    border-radius: 60%;
}
.inBuilt_section {
    width: 570px;
    display: block;
    height: 420px;
    margin: 40px 0 0 0;
    position: relative;
    opacity: 0;
}
.inBuilt_section.element-loaded {
    opacity: 1;
}
.bannersprit-icon, .bannersprit-icon1 i{background-image: url(../images/banner-sprite.png);display: block;}
.bannersprit-icon span, .bannersprit-icon1 span{color: #fff;font-size: 12px;}
.integration-1 {
    background-position: -10px -10px;
    width: 133px;
    height: 133px;
    position: absolute;
    left: 90px;
    top: 50%;
    transform: translateY(-50%);
    
}
.integration-1 span {
    position: absolute;
    top: 45px;
    left: -5px;
    right: 0;
    text-align: center;
    padding: 0 30px;
    font-size: 15px;
    color: #606060;
}
.integration-2 {
    position: absolute;
    width: 104px;
    height: 145px;
    text-align: center;
    left: -4px;
    top: 37px;
    transition: all 0.5s ease 1s;
}
.integration-2 i {
    background-position: -153px -10px;
    width: 62px;
    height: 76px;
    margin: 25px auto 0;
}
.integration-3 {
    position: absolute;
    width: 104px;
    height: 145px;
    text-align: center;
    left: 210px;
    top: 37px;
    transition: all 0.5s ease 2s;
}
.integration-3 i {
    background-position: -230px -10px;width: 55px;height:73px;
    margin: 25px auto 0;
}
.integration-4 {
    position: absolute;
    width: 104px;
    height: 145px;
    text-align: center;
    left: 209px;
    bottom: 35px;
    transition: all 0.5s ease 3s;
}
.integration-4 i {
    background-position: -230px -92px;width: 74px;height:74px;
    margin:0 auto 24px;
}
.integration-5 {
    position: absolute;
    width: 104px;
    height: 145px;
    text-align: center;
    left: -5px;
    bottom: 35px;
    transition: all 0.5s ease 4s;
}
.integration-5 i {
    background-position: -147px -98px;width: 74px;height:74px;
    margin: 0 auto 24px;
}
.integration-6 {
    position: absolute;
    width: 105px;
    height: 47px;
    text-align: center;
    right: 16px;
    top: 24px;
}
.integration-6 i {
    background-position: -260px -345px;width: 99px;height:42px;
    margin: 0 auto 0;
}
.integration-6 span {
    position: absolute;
    top: 5px;
    right: 9px;
    font-size: 12px;
    line-height: 16px;
    text-align: right;
}


.element-loaded .bannersprit-icon1, .element-loaded .bannersprit-icon {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.element-loaded .integration-1 {-webkit-animation-name: zoomIn;animation-name: zoomIn;-webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;}
.element-loaded .integration-2 {-webkit-animation-name: slideInRight;animation-name: slideInRight;-webkit-animation-duration: 1s;
    animation-duration: 1s;}
.element-loaded .integration-3 {-webkit-animation-name: slideInLeft;animation-name: slideInLeft;-webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;}
.element-loaded .integration-4 {-webkit-animation-name: slideInLeft;animation-name: slideInLeft;-webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;}
.element-loaded .integration-5 {-webkit-animation-name: slideInRight;animation-name: slideInRight;-webkit-animation-duration: 1.7s;
    animation-duration: 1.7s;}
.element-loaded .integration-6 {-webkit-animation-name: slideInRight;animation-name: slideInRight;-webkit-animation-duration: 1.9s;
    animation-duration: 1.9s;}
/***********/
.element-loaded .inBuilt_section-1 {-webkit-animation-name: slideInUp;animation-name: slideInUp;-webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;}
.element-loaded .inBuilt_section-2 {-webkit-animation-name: slideInUp;animation-name: slideInUp;-webkit-animation-duration: 1s;
    animation-duration: 1s;}
.element-loaded .inBuilt_section-3 {-webkit-animation-name: slideInUp;animation-name: slideInUp;-webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;}
.element-loaded .inBuilt_section-4 {-webkit-animation-name: slideInRight;animation-name: slideInRight;-webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;}
.element-loaded .inBuilt_section-5 {-webkit-animation-name: slideInRight;animation-name: slideInRight;-webkit-animation-duration: 1.7s;
    animation-duration: 1.7s;}
.element-loaded .inBuilt_section-6 {-webkit-animation-name: slideInUp;animation-name: slideInUp;-webkit-animation-duration: 1.9s;
    animation-duration: 1.9s;}
.element-loaded .inBuilt_section-7 {-webkit-animation-name: slideInUp;animation-name: slideInUp;-webkit-animation-duration: 1.9s;
    animation-duration: 1.9s;}
.element-loaded .inBuilt_section-8 {-webkit-animation-name: slideInLeft;animation-name: slideInLeft;-webkit-animation-duration: 1.9s;
    animation-duration: 1.9s;}
.element-loaded .inBuilt_section-9 {-webkit-animation-name: slideInLeft;animation-name: slideInLeft;-webkit-animation-duration: 1.9s;
    animation-duration: 1.9s;}
.element-loaded .inBuilt_section-10 {-webkit-animation-name: slideInLeft;animation-name: slideInLeft;-webkit-animation-duration: 1.9s;
    animation-duration: 1.9s;}

.inBuilt_section-1 {
    background-position: -10px -183px;
    width: 239px;
    height: 197px;
    position: absolute;
    left: 187px;
    bottom: 50px;
}
.inBuilt_section-2 {
    background-position: -260px -182px;
    width: 119px;
    height: 153px;
    position: absolute;
    bottom: 47px;
    right: 130px;
}
.inBuilt_section-3 {
    background-position: -323px -73px;
    width: 56px;
    height: 101px;
    position: absolute;
    bottom: 52px;
    left: 175px;
}
.inBuilt_section-4 {
    position: absolute;
    width: 140px;
    height: 115px;
    bottom: 59px;
    left: 46px;
}
.inBuilt_section-4 span {
    margin: 6px 0 0 -7px !important;
    padding: 0 61px 0 0;
    display: block;
    line-height: 17px;
    text-align: center;
}
.inBuilt_section-4 i{background-position: -10px -390px;width: 128px;height:70px;}

.inBuilt_section-5 {
    position: absolute;
    width: 121px;
    height: 145px;
    bottom: 204px;
    left: 87px;
}
.inBuilt_section-5 span {
    margin: 1px 0 0px -37px !important;
    padding: 0 28px 6px 8px;
    display: block;
    line-height: 17px;
    text-align: center;
}
.inBuilt_section-5 i{background-position: -10px -469px;width: 87px;height:108px;}

.inBuilt_section-6 {
    position: absolute;
    width: 105px;
    height: 175px;
    top: -16px;
    left: 194px;
}
.inBuilt_section-6 span {
    margin: 1px 0 0px -20px !important;
    padding: 0 11px 6px 0;
    display: block;
    line-height: 17px;
    text-align: center;
}
.inBuilt_section-6 i{background-position:-10px -585px;width: 84px;height:129px;}

.inBuilt_section-7 {
    position: absolute;
    width: 105px;
    height: 175px;
    top: -26px;
    right: 125px;
}
.inBuilt_section-7 span {
    margin: 11px 0 0 -30px !important;
    padding: 0 0px 0 9px;
    display: block;
    line-height: 17px;
    text-align: center;
}
.inBuilt_section-7 i{background-position: -148px -389px;width: 84px;height:129px;margin: 7px 0 0 0;}

.inBuilt_section-8 {
    position: absolute;
    width: 105px;
    height: 175px;
    top: 63px;
    right: 22px;
}
.inBuilt_section-8 span {
    margin: 15px 0 0px 0px !important;
    padding: 0 0px 3px 9px;
    display: block;
    line-height: 17px;
    text-align: center;
}
.inBuilt_section-8 i{background-position: -107px -527px;width: 91px;height:105px;}

.inBuilt_section-9 {
    position: absolute;
    width: 145px;
    height: 115px;
    bottom: 59px;
    right: -17px;
}
.inBuilt_section-9 span {
    margin: 5px 0 0px 34px !important;
    padding: 0 0px 3px 10px;
    display: block;
    line-height: 17px;
    text-align: center;
}
.inBuilt_section-9 i{background-position: -106px -642px;width: 127px;height:70px;}

.inBuilt_section-10 {
    position: absolute;
    left: 9px;
    top: 24px;
}
.inBuilt_section-10 span {
    position: absolute;
    top: 10px;
    left: 27px;
}
.inBuilt_section-10 i{background-position: -260px -397px;width: 106px;height:42px;}


.tab_section > ul.nav-tabs > li.active > .tab_btn_main > a::after {
    border-bottom: 15px solid #00aeef;
    border-left: 15px solid rgba(0, 0, 0, 0);
    border-right: 15px solid rgba(0, 0, 0, 0);
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    bottom: -15px;
    width: 0;
    right: 0;
    margin: 0 auto;
}

.tab_section > ul.nav-tabs {
    padding: 0;
    margin: 0 0 30px 0;
    text-align: center;
    border-bottom: 4px solid #00aeef;
}
.tab_section > ul.nav-tabs > li{padding:0 0;margin:0 3px 15px 3px;display: inline-block;float: none;}
.tab_section > ul.nav-tabs > li:before{display: none}
.tab_section > ul.nav-tabs > li:after {
    content: "|";
    position: absolute;
    left: -4px;
    top: 0;
    color: #4a4a4a;
    font-size: 15px;
    opacity: 0;
    display: none
}
.tab_section > ul.nav-tabs > li:first-child:after{display: none}
.tab_section > ul.nav-tabs > li > .tab_btn_main > a{color:#4a4a4a;font-size: 16px;padding: 10px 12px;display: inline-block}
.tab_section > ul.nav-tabs > li.active > .tab_btn_main > a:before {
    content: "";
    background: #00aeef;
    width: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    top: 0;
    z-index: -1;
}
.tab_section > ul.nav-tabs > li > .tab_btn_main > a:before {
    content: "";
    background: #e6e6e6;
    width: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    top: 0;
    z-index: -1;
}
.tab_section > ul.nav-tabs > li.active > .tab_btn_main > a{color: #fff;}

.tab-content>.tab-pane.active {
    display: block;
    visibility: visible;
}
.tab-content>.tab-pane {
    display: none;
    visibility: hidden;
}

/* Video CSS**********/
.video_section_main {background:#303030;margin: 60px 0;padding: 50px 0;}
.video_text_main > h3 {color: #ffffff;}
.video_text_main {padding: 70px 0 30px 0;}
.videosection_btn {padding: 25px 0 0;}
.view-video {position: absolute;left: 0;right: 0;margin: 0 auto;text-align: center;width: 100px;height: 100px;top: 50%;transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.view-video > a {width: 100px;height: 100px;}
.view-video > a:before {
    content: "";
    background:url(../images/video-play-icon.png);
    display: block;
    height: 100px;
    width: 100px;
    pointer-events: none;
    z-index: 8;
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    
}
.video-main{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.85);z-index:999;display:none}
/*.video{position:fixed;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%);padding:20px;background:#fff}
.video iframe{border:none}
body.popup{overflow:hidden}
.video span{position:absolute;right:0;font-size:14px;height:20px;width:20px;text-align:center;line-height:20px;border-radius:0;background:#EB1C22;color:#fff;cursor:pointer;top:0px}
.wc_video {position: relative;overflow: hidden}*/

@media (min-width: 992px) {
/*    .video iframe {height: 500px;width: 850px;}*/
}
@media screen and (max-width:991px){
/*    .video iframe {height: 500px;width: 690px;}	
    .video_text_main {padding: 20px 0 0;}*/
}
@media screen and (max-width:767px){
    .contact_title_block {
    padding: 25px 0 10px 0;
}
    .section_contain_two h3 {
    font-size: 18px !important;
    line-height: normal !important;
}
.section_contain_two p {
    font-size: 14px;
    line-height: 24px;
}
.centres_section_two .contact_title_block {
    padding: 30px 0 0 0;
}
    /*.view-video > a:before{transform: scale(0.6);-moz-transform: scale(0.6);-ms-transform: scale(0.6);-o-transform: scale(0.6);-webkit-transform: scale(0.6);}
    .video {background: #ffffff none repeat scroll 0 0;left: 15px;padding: 20px;position: fixed;right: 15px;top: 50%;transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);-webkit-transform: translateY(-50%);}
    .video iframe {width: 100%; height: 280px;}
    .video_text_main {padding: 0 0 30px;text-align: center;}
    .wc_video img{width: 100%}
    .video_section_main {margin: 0;padding: 30px 0;}*/
}
/* && Video CSS**********/



.home-story-item{display: table;width: 100%;position: relative}
.home-story-item .homestoryitem_img{
    border: 1px solid #f2f2f2;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    display: table-cell;
    height: 240px;
    vertical-align: middle;
    width: 100%;
}
.home-story-item .homestoryitem_img img {
    max-width: 100%;
    padding: 5px;
    width: auto !important;
    max-height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);-webkit-transform: translateY(-50%);
}

.tab-content {
    border-bottom: 2px solid #00aeef;
    padding: 0 0 5px 0;
    margin: 0 0 40px 0;
}
.addresssection_main {
    background: #f0f0f0;
    padding: 20px 20px 20px 20px;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    box-shadow: 0 0 5px rgba(0,0,0,0.4);
}
.addresssection_main p{
    margin: 0
}
.popup_form .wpcf7-mail-sent-ok {
    position: fixed;
    top: 50%;
    background: rgba(0,0,0,0.8);
    z-index: 999;
    font-size: 20px;
    left: 50%;
    box-shadow: 0 0 150px rgba(0,0,0,0.3);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    padding: 90px 15px !important;
    border:8px solid #a0a0a0 !important;
    transform: translate(-50%,-50%);
    width: 100%;
    max-width: 700px;
}
.get-start-btn-wrapper.after-title {
    float: none;
    text-align: center;
    margin: 0 auto;
    display: block;
    clear: both;
}
.get-start-btn-wrapper.after-title .primary-btn{margin: 0 auto;float: none;}

.home-banner-caption .get-start-btn-wrapper .primary-btn,
.centres_section_one a.book-demo-btn2,
.contact_section_one a.book-demo-btn2{background: transparent;color: #fff;border-color: #fff;}
.home-banner-caption .get-start-btn-wrapper .primary-btn:hover,
.centres_section_one a.book-demo-btn2:hover,
.contact_section_one a.book-demo-btn2:hover{background: #00aeef;border-color: #00aeef;} 

.all-key-include ul.list-key {
    padding: 0 0 15px 0;
    list-style: none;
    margin: 0 -15px;
    clear: both;
}
.all-key-include ul.list-key:after {
    content: "";
    display: table;
    clear: both;
}
.all-key-include ul.list-key li {
    width: 50%;
    float: left;
    margin-bottom: 30px;
    padding: 0 15px;
}
.all-key-include ul.list-key li a {
    font-size: 18px;
    color: #00aeef;
    position: relative;
    padding: 0;
    display: block;
}
.all-key-include ul.list-key li a .listkeybox{padding: 10px 20px;border: 2px solid #00aeef;text-align: center;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;}
.all-key-include {
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
}
.key_changes_box {
    padding: 30px 0 30px 0;
}
.key_changes_box ul, .key_changes_box ol{text-align: left}
.key_changes_box p, .key_changes_box ul, .key_changes_box ol {
    margin-bottom: 10px;color: #353535;
}
.key_changes_box .col-md-5 {
    text-align: center;
}
/*.key_changes_box:nth-child(odd){background:#fff;padding: 40px 0;position: relative;overflow: hidden;}
.key_changes_box:nth-child(odd):before{content: "";background: url(../images/bgimg2.png) scroll no-repeat center center / cover;width: 100%;height: 1300px;position: absolute;z-index: 0;top: 0;opacity: 0.4}
.key_changes_box:nth-child(even){background:#fff;padding: 40px 0;}*/
.key_changes_box a.primary-btn{
    color: #fff; 
} 
.key_changes_box .col-md-5 img {
    width: 100%;
    max-width: 270px;
    margin: 60px 0 0 0;
}
.key_changes_content ul, .key_changes_content ol{padding-left: 30px;}
.key_changes_box a.primary-btn:hover{color: #00aeef;}
.additional_buttons{text-align: center;}
.additional_buttons .primary-btn{width: auto !important;margin: 0 10px 10px 10px !important;display: inline-block;padding: 0 15px !important;float: none;vertical-align: middle;}
.additional_buttons span{vertical-align:middle;}
.text-center{text-align: center !important}



@media print {
.key_changes_box thead {
	display: table-header-group
}
.key_changes_box tr {
	page-break-inside: avoid
}
.key_changes_box .table {
	border-collapse: collapse!important
}
.key_changes_box .table td, 
.key_changes_box .table th {
	background-color: #fff!important
}
.key_changes_box .table-bordered th, 
.key_changes_box .table-bordered td {
	border: 1px solid #999 !important
}
}
.key_changes_box th {
	text-align: left
}
.key_changes_box .table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px
}
.key_changes_box .table>thead>tr>th, .key_changes_box .table>tbody>tr>th, .key_changes_box .table>tfoot>tr>th, .key_changes_box .table>thead>tr>td, .key_changes_box .table>tbody>tr>td, .key_changes_box .table>tfoot>tr>td {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #999
}
.key_changes_box .table>thead>tr>th {
	vertical-align: bottom;
	border-bottom: 2px solid #999
}
.key_changes_box .table>caption+thead>tr:first-child>th, .key_changes_box .table>colgroup+thead>tr:first-child>th, .key_changes_box .table>thead:first-child>tr:first-child>th, .key_changes_box .table>caption+thead>tr:first-child>td, .key_changes_box .table>colgroup+thead>tr:first-child>td, .key_changes_box .table>thead:first-child>tr:first-child>td {
	border-top: 0
}
.key_changes_box .table>tbody+tbody {
	border-top: 2px solid #999
}
.key_changes_box .table .table {
	background-color: #fff
}
.key_changes_box .table-bordered {
	border: 1px solid #999
}
.key_changes_box .table-bordered>thead>tr>th, .key_changes_box .table-bordered>tbody>tr>th, .key_changes_box .table-bordered>tfoot>tr>th, .key_changes_box .table-bordered>thead>tr>td, .key_changes_box .table-bordered>tbody>tr>td, .key_changes_box .table-bordered>tfoot>tr>td {
	border: 1px solid #999;vertical-align: middle
}
.key_changes_box .table-bordered>thead>tr>th, .key_changes_box .table-bordered>thead>tr>td {
	border-bottom-width: 2px
}

table col[class*=col-] {
	position: static;
	display: table-column;
	float: none
}
table td[class*=col-], table th[class*=col-] {
	position: static;
	display: table-cell;
	float: none
}
.key_changes_box .table-responsive {
	min-height: .01%;
	overflow-x: auto
}
@media screen and (max-width:767px) {
 .key_changes_box .col-md-5 {
    text-align: center;
}
#intro_video, #intro_video .stage1_wrapper, #intro_video .stage2_wrapper, .sl-slide-inner .bg img {
    height: 345px !important;
}

.key_changes_box .col-md-5 img {
    width: 100%;
    max-width: 270px;
    margin: 10px auto;
    float: none;
    text-align: center;
}   
.ccitsview-all-features-btn-wrapper a.secondary-btn {
    height: auto;
    line-height: 25px;
    padding: 10px 20px;
}
.keychangesbox_title {
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-size: 24px;
}
.key_changes_box:nth-child(odd), .key_changes_box:nth-child(even) {
    padding: 20px 0;
}
.key_changes_box .table-responsive {
	width: 100%;
	margin-bottom: 15px;
	overflow-y: hidden;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	border: 1px solid #999
}
.key_changes_box .table-responsive> .table {
	margin-bottom: 0
}
.key_changes_box .table-responsive> .table>thead>tr>th, .key_changes_box .key_changes_box .table-responsive> .table>tbody>tr>th, .key_changes_box .table-responsive> .table>tfoot>tr>th, .key_changes_box .table-responsive> .table>thead>tr>td, .key_changes_box .table-responsive> .table>tbody>tr>td, .key_changes_box .table-responsive> .table>tfoot>tr>td {
	white-space: nowrap
}
.key_changes_box .table-responsive> .table-bordered {
	border: 0
}
.key_changes_box .table-responsive> .table-bordered>thead>tr>th:first-child, .key_changes_box .table-responsive> .table-bordered>tbody>tr>th:first-child, .key_changes_box .table-responsive> .table-bordered>tfoot>tr>th:first-child, .key_changes_box .table-responsive> .table-bordered>thead>tr>td:first-child, .key_changes_box .table-responsive> .table-bordered>tbody>tr>td:first-child, .key_changes_box .table-responsive> .table-bordered>tfoot>tr>td:first-child {
	border-left: 0
}
.key_changes_box .table-responsive> .table-bordered>thead>tr>th:last-child, .key_changes_box .table-responsive> .table-bordered>tbody>tr>th:last-child, .key_changes_box .table-responsive> .table-bordered>tfoot>tr>th:last-child, .key_changes_box .table-responsive> .table-bordered>thead>tr>td:last-child, .key_changes_box .key_changes_box .table-responsive> .key_changes_box .table-bordered>tbody>tr>td:last-child, .key_changes_box .table-responsive> .table-bordered>tfoot>tr>td:last-child {
	border-right: 0
}
.key_changes_box .table-responsive> .table-bordered>tbody>tr:last-child>th, .key_changes_box .table-responsive> .table-bordered>tfoot>tr:last-child>th, .key_changes_box .table-responsive> .table-bordered>tbody>tr:last-child>td, .key_changes_box .table-responsive> .table-bordered>tfoot>tr:last-child>td {
	border-bottom: 0
}
}

.home-features-cols.ccitshome-features-cols {
    text-align: center;
} 
.ccitshome-features-cols .home-features-col {
    float: none;
  display: inline-block;
      vertical-align: top;
}
.ccitsview-all-features-btn-wrapper a.secondary-btn {
    width: auto;
    padding: 0 20px;
    margin:20px 10px 0 10px;
}
.ccitshome-features-section{
    margin-bottom: 0
}
.additional-content.key_changes_box{background: transparent;padding: 30px 0 40px 0;}
.additional-content.key_changes_box .primary-btn {
    line-height: 53px;
    margin-bottom: 0;
    padding: 0;
}
.ccitshome-features-section .home-title {
    margin-top: 20px;
}

.keychangesbox_title {
    margin-bottom: 30px;
    padding-bottom: 0;
    text-align: left;
}
.additional-content.key_changes_box h4 {
    margin-bottom: 15px;
    margin-top: 20px;
}
/* margin & padding css */
.m-t-0 { margin-top: 0 !important; }
.m-b-0 { margin-bottom: 0 !important; }
.m-t-5 { margin-top: 5px !important; }
.m-b-5 { margin-bottom: 5px !important; }
.m-t-10 { margin-top: 10px !important; }
.m-b-10 { margin-bottom: 10px !important; }
.m-t-15 { margin-top: 15px !important; }
.m-b-15 { margin-bottom: 15px !important; }
.m-t-20 { margin-top: 20px !important; }
.m-b-20 { margin-bottom: 20px !important; }
.m-t-25 { margin-top: 25px !important; }
.m-b-25 { margin-bottom: 25px !important; }
.m-t-30 { margin-top: 30px !important; }
.m-b-30 { margin-bottom: 30px !important; }

.p-t-0 { padding-top: 0 !important; }
.p-b-0 { padding-bottom: 0 !important; }
.p-t-5 { padding-top: 5px !important; }
.p-b-5 { padding-bottom: 5px !important; }
.p-t-10 { padding-top: 10px !important; }
.p-b-10 { padding-bottom: 10px !important; }
.p-t-15 { padding-top: 15px !important; }
.p-b-15 { padding-bottom: 15px !important; }
.p-t-20 { padding-top: 20px !important; }
.p-b-20 { padding-bottom: 20px !important; }
.p-t-25 { padding-top: 25px !important; }
.p-b-25 { padding-bottom: 25px !important; }
.p-t-30 { padding-top: 30px !important; }
.p-b-30 { padding-bottom: 30px !important; }

.m-y-10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.m-y-20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.m-y-30 { margin-top: 30px !important; margin-bottom: 30px !important; }

.p-y-10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.p-y-20 { padding-top: 20px !important; padding-bottom: 20px !important; }
.p-y-30 { padding-top: 30px !important; padding-bottom: 30px !important; }

.m-x-10 { margin-left: 10px !important; margin-right: 10px !important; }
.m-x-20 { margin-left: 20px !important; margin-right: 20px !important; }
.m-x-30 { margin-left: 30px !important; margin-right: 30px !important; }

.p-x-10 { padding-left: 10px !important; padding-right: 10px !important; }
.p-x-20 { padding-left: 20px !important; padding-right: 20px !important; }
.p-x-30 { padding-left: 30px !important; padding-right: 30px !important; }
/* margin & cpadding css */

.feature-animate-icon.ccitsicon-1 {
    position: absolute;
    background: url(../images/icon1.jpg) no-repeat;
    -webkit-transition: all 0.5s 1s ease;
    -moz-transition: all 0.5s 1s ease;
    transition: all 0.5s 1s ease;
    z-index: 1;
    opacity: 0;
    background-position:0 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    width: 135px;
    height: 105px;
    transform:translateY(-50%) scale(0);-moz-transform:translateY(-50%) scale(0);-o-transform:translateY(-50%) scale(0);-ms-transform:translateY(-50%) scale(0);-webkit-transform:translateY(-50%) scale(0);
}
.element-loaded .ccitsicon-1{
    transform:translateY(-50%) scale(1);-moz-transform:translateY(-50%) scale(1);-o-transform:translateY(-50%) scale(1);-ms-transform:translateY(-50%) scale(1);-webkit-transform:translateY(-50%) scale(1);
    opacity: 1;
}

.feature-animate-icon.ccitsicon-2 {
    position: absolute;
    background: url(../images/icon2.jpg) no-repeat;
    -webkit-transition: all 0.5s 2s ease;
    -moz-transition: all 0.5s 2s ease;
    transition: all 0.5s 2s ease;
    z-index: 1;
    opacity: 0;
    background-position:0 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    width: 135px;
    height: 105px;
    transform:translateY(-50%) scale(0);-moz-transform:translateY(-50%) scale(0);-o-transform:translateY(-50%) scale(0);-ms-transform:translateY(-50%) scale(0);-webkit-transform:translateY(-50%) scale(0);
}
.element-loaded .ccitsicon-2{
    transform:translateY(-50%) scale(1);-moz-transform:translateY(-50%) scale(1);-o-transform:translateY(-50%) scale(1);-ms-transform:translateY(-50%) scale(1);-webkit-transform:translateY(-50%) scale(1);
    opacity: 1;
}

.feature-animate-icon.ccitsicon-3 {
    position: absolute;
    background: url(../images/icon3.jpg) no-repeat;
    -webkit-transition: all 0.5s 3s ease;
    -moz-transition: all 0.5s 3s ease;
    transition: all 0.5s 3s ease;
    z-index: 1;
    opacity: 0;
    background-position:0 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    width: 135px;
    height: 105px;
    transform:translateY(-50%) scale(0);-moz-transform:translateY(-50%) scale(0);-o-transform:translateY(-50%) scale(0);-ms-transform:translateY(-50%) scale(0);-webkit-transform:translateY(-50%) scale(0);
}
.element-loaded .ccitsicon-3{
    transform:translateY(-50%) scale(1);-moz-transform:translateY(-50%) scale(1);-o-transform:translateY(-50%) scale(1);-ms-transform:translateY(-50%) scale(1);-webkit-transform:translateY(-50%) scale(1);
    opacity: 1;
}

.feature-animate-icon.ccitsicon-4 {
    position: absolute;
    background: url(../images/icon4.jpg) no-repeat;
    -webkit-transition: all 0.5s 4s ease;
    -moz-transition: all 0.5s 4s ease;
    transition: all 0.5s 4s ease;
    z-index: 1;
    opacity: 0;
    background-position:0 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    width: 135px;
    height: 105px;
    transform:translateY(-50%) scale(0);-moz-transform:translateY(-50%) scale(0);-o-transform:translateY(-50%) scale(0);-ms-transform:translateY(-50%) scale(0);-webkit-transform:translateY(-50%) scale(0);
}
.element-loaded .ccitsicon-4{
    transform:translateY(-50%) scale(1);-moz-transform:translateY(-50%) scale(1);-o-transform:translateY(-50%) scale(1);-ms-transform:translateY(-50%) scale(1);-webkit-transform:translateY(-50%) scale(1);
    opacity: 1;
}

.extra-info ul, .extra-info ol {
    padding-left: 30px;
}
.extra-info {
    padding: 30px 0 0 0;
}
.extra-info ul li a{
        color: #353535;font-family: 'Rubik', sans-serif;
    font-size: 14px !important;
    line-height: 20px;
}
.extra-info h4 a, .extra-info h3 a{color: #333;}
.extra-info ul li a:hover,
.extra-info h4 a:hover, .extra-info h3 a:hover{color: #00aeef}

.ccitshome-features-section {
    padding: 30px 0 0 0;
}
.centressectiontwo {
    border-top: 2px dashed #ccc;
    margin-top: 40px;
    padding-top: 20px;
}
.additional-content.key_changes_box:before{display: none;}
.additional-content2.key_changes_box {
    padding: 0;
}
.ccitshome-features-section + .centressectiontwo .contact_title_block {
    padding: 25px 0 10px 0;
}

.testimonial-text {
    padding: 0 50px;
    position: relative;
}
.quoteleft {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    top: -19px;
}
.testimonial-text > p {
    color: #303030;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
}
.quoteright {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    bottom: -19px;
}
.quoteleft:before{content: "\f10d";font-size: 30px;font-family: fontawesome;position: absolute;left: 0;right: 0;margin: 0 auto;text-align: center;top: 50%;transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);-webkit-transform: translateY(-50%);color: rgba(0, 174, 239, 0.3)}
.quoteright:before{content: "\f10e";font-size: 30px;font-family: fontawesome;position: absolute;left: 0;right: 0;margin: 0 auto;text-align: center;top: 50%;transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);-webkit-transform: translateY(-50%);color: rgba(0, 174, 239, 0.3)}
.testimonial-name {
    padding: 15px 0 0 0;
}
#testimonial_slider {
    padding: 10px 0 45px 0;
}
#testimonial_slider .owl-stage {
    padding: 20px 0 0 0;
}
.testimonial-name span {
    color: #00aeef;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
    text-align: center;
}



.sl-slide-inner .bg {
    overflow: hidden;
}
.sl-slider-wrapper{height:400px;margin:0 auto;overflow:hidden;position:relative;width:800px}
.sl-slider{left:0;min-height:100%;position:absolute;top:0;width:100% !important}
.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner{height:100%;left:0;position:absolute;top:0;width:100%}
.sl-slide{z-index:1}
.sl-slider-wrapper .sl-slide{height:100% !important;width:100% !important}
.sl-trans-elems{position:absolute;z-index:-999999999 !important}
.sl-content-slice{backface-visibility:hidden;background:#ffffff none repeat scroll 0 0;box-sizing:content-box;opacity:1;overflow:hidden;position:absolute}
.sl-slide-horizontal .sl-content-slice{height:50%;left:-200px;transform:translateY(0%) scale(1);width:100%}
.sl-slide-horizontal .sl-content-slice:first-child{padding:200px 200px 0;top:-200px}
.sl-slide-horizontal .sl-content-slice:nth-child(2){padding:0 200px 200px;top:50%}
.sl-slide-vertical .sl-content-slice{height:100%;top:-200px;transform:translateX(0%) scale(1);width:50%}
.sl-slide-vertical .sl-content-slice:first-child{left:-200px;padding:200px 0 200px 200px}
.sl-slide-vertical .sl-content-slice:nth-child(2){left:50%;padding:200px 200px 200px 0}
.sl-content-wrapper{min-height:100%;min-width:100%;position:absolute}
.sl-content{background:#ffffff none repeat scroll 0 0;height:100%}
#intro_video{height:710px;position:relative;    margin-bottom: 60px;}
#intro_video .stage1_wrapper .bg::before{background:rgba(0, 0, 0, 0.6) none repeat scroll 0 0;bottom:0;content:"";display:none;height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:4}
#intro_video > .ratio_keeper{height:0;padding-bottom:0;width:100%}
#intro_video .play_button {
    content: "";
    background: url(../images/video-play-icon.png);
    display: block;
    height: 100px;
    width: 100px;
    z-index: 8;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);-webkit-transform: translateY(-50%);
}
#intro_video .video-overlap-text{position:absolute;z-index:9;width:100%;height:100%}
#intro_video .video-title{position:absolute;width:100%;top:0;z-index:9}
#intro_video .play_button:hover{opacity:0.9}
#intro_video .play_button.active{display:inline-block}
#intro_video .play_button_label{margin-top:15px;opacity:0.7;text-transform:uppercase;word-spacing:2px}
#intro_video .video_wrapper{background-color:#000000;bottom:0;left:0;position:absolute;right:0;text-align:center;top:0;z-index:1}
#intro_video .video_wrapper .sizer{height:100%;margin:0 auto;width:100%}
#intro_video .video_wrapper .sizer iframe{height:100%;width:100%}
#intro_video .sl-slider-wrapper{height:100%;left:0;opacity:1;position:absolute;top:0;width:100%;z-index:2}
#intro_video .sl-content{background-color:rgba(0, 0, 0, 0)}
#intro_video .stage1_wrapper,
#intro_video .stage2_wrapper{height:710px;position:relative;width:100%;}
#intro_video .stage1_wrapper{background-color:#121212}
#intro_video .stage1_wrapper .bg{bottom:0;left:0;opacity:1;position:absolute;right:0;top:0;z-index:1 !important;overflow:hidden}
#intro_video .stage1_wrapper .play_button_wrapper{color:#ffffff;height:100%;position:relative;width:100%;z-index:2}
#intro_video .innr-video-bg .bg{bottom:0;left:50%;opacity:0;display:none;position:absolute;right:0;top:50%;margin:-34px 0 0 -34px;z-index:0}
#client_slider .owl-prev,
#client_slider .owl-next{display:block !important;background:url(../images/sprite.png);width:10px;height:16px;display:block;padding:0;position:absolute;opacity:1}
#client_slider .owl-controls{position:absolute;right:0;top:-70px}
#client_slider .owl-prev{background-position:-370px -10px;right:22px}
#client_slider .owl-next{background-position:-391px -10px;right:0}
#client_slider.owl-carousel{padding-bottom:125px}
.eventvideo_close{    font-size: 50px;
    z-index:0;
    color: #fff;
    position: absolute;
    right: 20px;
    top: 20px;}
.sl-slide-inner .bg img{position: relative;left: 50%;transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);-webkit-transform: translateX(-50%);width: auto;height: 710px;}



.homevideo_section .play_video {
    position: relative;
    display: block;
    z-index: 3;
}
.homevideo_section .play_video:before {
    content: "";
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.2);
    z-index: 1;
}
.homevideo_section {
    position: relative;
    overflow: hidden;
    margin-bottom: 60px;
}
.homevideo_section .play_video:after {
    content: "";
    background: url(../images/video-play-icon.png);
    display: block;
    height: 100px;
    width: 100px;
    z-index: 2;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);-webkit-transform: translateY(-50%);
}
.homevideo_section img {
    width: auto !important;
    position: relative;
    max-width: inherit;
    left: 50%;
    vertical-align: top;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    z-index: -2;
    height: 450px;
}
.banner_video_close {
    position: absolute;
    right: 50%;
    top: 10px;
    z-index: 2;
    line-height: 26px;
    width: 26px;
    font-size: 24px;
    background: none;
    border: none;
    color: #f00;
    margin:0 -388px 0 0;
}
.homevideo_section iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    /*max-width: 725px;*/
    right: 0;
    margin: 0 auto;
}
.homevideomain {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    max-width: 800px;
    position: relative;
    overflow: hidden;
}

.homevideo_section .homevideomain.in .play_video {
    opacity: 0;
    z-index: -1;
}


.guardians_banner_btn {
    padding: 40px 0 0 0;
}
.guardians_banner_btn a {
    display: inline-block;
    margin: 0 15px;
    vertical-align: middle;
}

.all_features_img {
    max-width: 170px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    height: 170px;
    position: relative;
}
.all_features_img img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);-webkit-transform: translateY(-50%);
}

.centers-image-col.mobile{display: none;}
.centers-image-col.desktop{display: block;}

/*Responsive 
===========================================================*/
@media all and (max-width:1279px) {
.privacypolicy_img {left: -20px;}
.ladyoncomputer_img{right: -40px}
.guardians_img {left: -10px;}
.features_img {left: -40px;}
}
@media all and (max-width:1150px) {
.ladyoncomputer_one_img, .guardians_one_img, .features_one_img, .resources_one_img, .privacypolicy_one_img{display: none}
.page-template-blog-listing-page .centres_section_one {
    padding: 30px 0 40px 0;
}
.page-template-blog-listing-page .centres_section_one .container {
    min-height: inherit;
}    
    
.black-ccms-text { float: none; margin-bottom: 0; }
.ccms-black-section { text-align: center; }
.black-ccms-buttons-wrapper a { float: none; display: inline-block; }
.black-ccms-buttons-wrapper { float: none; }


.integration_section {width: 400px;}
.inBuilt_section {margin: 40px 0 0 -23px;}
.integration-6{right: -9px;}

.banner_caption_col .col-sm-6 {
    width: 41.66666667%;
}
.banner_caption_col .col-sm-6 + .col-sm-6 {
    width: 58.33333333%;
}

/*@br*/
.contact_contain_left { padding-right:15px; width:500px; padding-top:0; }
.call_boy_img { display:none; }
.contact_section_one .container { min-height:inherit; padding:30px 15px; }
.contact_contain_one a.book-demo-btn2 { margin-top:30px; }
.contact_info_contain { padding-bottom:30px; } 
.contain_one_img { display:none; }
.centres_section_one .container { min-height:inherit; }
.centres_section_one { padding:30px 0; }
.section_two_title { margin-bottom:20px; }

.section_contain_two h3 {
    font-size: 25px;
    margin-bottom: 18px;
}
.section_contain_two {
    padding: 0 20px;
}
.section_contain_two p {
    font-size: 15px;
}
.sectiontwobox_main .section_two {
    padding: 60px 0;
}

.centres_section_three { min-height:1196px; padding:30px 0; }
.centres_section_four { min-height:1262px; padding:30px 0; }
.book-demo-btn2.white-bg { margin:30px 0 0 0; }
.contact_contain_left p { font-size:14px; }
}

@media all and (max-width:1100px) {
.centers-image-wrapper, .support-image-wrapper, .guardians-image-wrapper { left:0; }
.centers-image-col { width: 45%; }
.centers-content-col { width: 55%; }
.home-customer-image-wrapper { margin-left: 0; }
.home-stories-wrapper { left: 0; }
.ccms-btn-wrapper a { left: 0; }
.competible-device-image-wrapper, .competible-btns-wrapper { left: 0; }
.home-feedback-form-wrapper .fields { margin-left: 0; margin-right: 0; }

.home-guardians-section .centers-image-wrapper,.home-guardians-section .support-image-wrapper, .guardians-image-wrapper { left:-33px; }
.home-guardians-section .centers-image-col { width: 55%; }
.home-guardians-section .centers-content-col { width: 45%; }
}

@media all and (max-width:1023px) {
    .sectiontwobox_main .section_two {
    height: auto;
}
.contain_two_img, .section_contain_two {
    top: 0;
    transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    -webkit-transform: translateY(0%);
}

    .sectiontwobox_main .section_two {
    padding: 40px 0;
}
    .contain_two_img {
    width: 100%;
    margin-bottom:30px;
    padding: 0 20px;
}
    
	/*@br*/
	.contact_contain_left { width:370px; }
	.contact_contain_left p { padding-left:138px; }
	.section_contain_two h3 { font-size:24px; }
	
	.centres_section_three { min-height:inherit; padding:30px 0; background:url(../images/pattern-bg.png) 0 0 repeat; }
	.centres_section_four { min-height:inherit; padding:30px 0; background:#303133; }

	.section_contain_two { float:none; width:100%; max-width:100%; text-align:center; }
	.section_contain_two p { text-align:center; }
	/*.centres_section_two { padding:30px 0; }*/
	
	.screen_bg_main { position:static !important; margin:30px 0 0 0 !important; }
	.screen_bg { width:100% !important; height:auto !important; border:10px solid #000; border-radius:10px; -webkit-border-radius:10px; }


}

@media all and (max-width:979px) {
/**21022018******/
.home-features-section {
    margin-bottom: 60px;
}
.centers-content-col-inner {
    top: 0;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
}
.centers-cols {
    display: block;
}
.centers-image-col.mobile{display: block;}
.centers-image-col.desktop{display: none;}
/***********/

.banner_caption_col .col-sm-6 {
    width: 100% !important;
    margin: 0 !important;
}
.integration_section {
    width: 310px !important;
    margin: 20px auto 0;
    float: none;
}
.integration-6 {
    top: -25px;
}
.inBuilt_section {
    margin: 40px auto 0 !important;
    position: relative;
    left: -23px;
}
.integration_section:before {
    content: "";
    background: #606060;
    width: 280px;
    height: 2px;
    position: absolute;
    right: 0;
    top: auto;
    border-radius: 60%;
    bottom: 0;
}
    
    
.home-guardians-section {
    margin-bottom: 45px;
}
.home-centres-section {
    margin-bottom: 10px;
}
/*.centers-image-3{top: -83px;}*/
#logo { width: 150px; }
#logo a { background-size: 150px auto; }
.sticky #logo a { background-position: 0 -60px; }
.mainNav > ul >li { margin-right: 20px; list-style:none; }
.header-right { margin-top: 20px; }
.home-banner-caption-title {padding: 0 40px;}
.home-banner-caption-btns-wrapper { max-width: 290px; }
.home-banner-elments-wrapper { left: 160px; }
.shape-7 { display: none; }

.home-features-col { width: 33.3%; }
.centers-image-wrapper { left: 0 }
.alt .centers-image-col, .centers-image-col { float: none; width: auto; margin-bottom: 20px; }
.centers-content-col { float: none; width: auto; text-align: center; padding-left: 0 }
.home-sub-title, .home-para { max-width: none; }
.home-buttons-wrapper a { float: none; display: inline-block; }
.centers-content-col-inner { max-width: none; }
.home-guardians-section .home-sub-title { max-width: none; }
.competible-left-col, .competible-right-col { float: none; width: auto; margin-bottom: 20px; text-align: center; }
.competible-platform { float: none; display: inline-block; }
.footer-section { padding: 20px 0; }
.footer-col { width: 25%; margin-bottom: 20px; }
.footer-col:last-child { width: 50%; }
.footer-col:last-child ul:before, .footer-col:last-child ul:after { content: ''; display: table; }
.footer-col:last-child ul:after { clear: both; }
.footer-col:last-child ul { zoom: 1; }
.footer-col:last-child li { width: 50%; float: left; list-style:none; }
.footer-logo { width: 100px; }
.footer-bottom-links { margin-top: 11px; }
.show-popup .popup-overlay span { left: -40%; width: 90%; }

/*.home-guardians-section .guardians-image-3{top:-60px}*/
.home-guardians-section .guardians-image-wrapper{height:540px;overflow:hidden}
.home-guardians-section .centers-content-col { float: none; width: auto; text-align: center; padding-left: 0 }
.home-guardians-section .centers-image-col{float:none;width:auto;margin-bottom:20px}
.home-guardians-section .centers-image-wrapper, .home-guardians-section .support-image-wrapper, .guardians-image-wrapper{left:0}
}
@media all and (max-width:870px) {
.video-popup-wrapper { left: 35px; right: 35px; width: auto; transform: translateX(0) translateY(-50%); -o-transform: translateX(0) translateY(-50%); -webkit-transform: translateX(0) translateY(-50%); -o-transform: translateX(0) translateY(-50%); -ms-transform: translateX(0) translateY(-50%); -moz-transform: translateX(0) translateY(-50%); }
}
@media all and (max-width:767px) {
.homevideo_section img{height: 320px;}    
.homevideomain{max-width: 568px;}
.banner_video_close {margin: 0 -270px 0 0;}

.homevideo_section .play_video:after {
    transform: translateY(-50%) scale(0.55);
    -moz-transform: translateY(-50%) scale(0.55);
    -ms-transform: translateY(-50%) scale(0.55);
    -o-transform: translateY(-50%) scale(0.55);
    -webkit-transform: translateY(-50%) scale(0.55);
}    
.additional-content.key_changes_box .primary-btn {
    line-height: 40px;
}
.additional-content.key_changes_box {
    padding: 10px 0 0 0;
}    
.centressectiontwo {
    margin-top: 40px;
    padding-top: 0px;
}    
.popup_form .wpcf7-mail-sent-ok {
    margin-bottom: 0 !important;
    left: 20px;
    right: 20px;
    transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-o-transform: translate(0,-50%);-webkit-transform: translate(0,-50%);
    width: auto;
    line-height: 40px;
    padding: 60px 15px !important;
}
    .tab-content {
    border-bottom:none;
    padding: 0 0 0 0;
    margin: 0 0 0px 0;
}
.home-feedback-form-wrapper .fields .field {
    width: 100%;
    padding: 0 0 30px 0
}
.tab_section > ul.nav-tabs > li.active > .tab_btn_main > a::after{display: none}
.tab_section > ul.nav-tabs {
    border-bottom: none;
}
.tab_section > ul.nav-tabs > li > .tab_btn_main > a {
        width: 100%;
        display: block;
        background: #606060;
        padding: 10px 40px 11px 15px !important;
        text-align: left;
        font-size: 18px  !important;
        color: #fff !important;
    }
    .tab_section > ul.nav-tabs > li.active > .tab_btn_main > a {
        background: #00aeef;
        color: #fff;
    }
    .tab_section > ul.nav-tabs > li > .tab_btn_main > a:before{display: none}
    .tab_section > ul.nav-tabs > li {
        padding: 0;display: block;
        margin-bottom: 15px;
    }
    .tab_section > ul.nav-tabs{text-align: left}
    .tab_section > ul.nav-tabs > li.active > .tab_btn_main > a.tab_btn .open-sub::before {
        color: #fff;
        content: "_";
        display: block;
        font-size: 30px;
        font-weight: 700;
        position: absolute;
        right: 15px;
        top: 0px;
    }
.tab_content_area {
    padding: 20px 0 0 0;
}
    .tab_section > ul.nav-tabs > li > .tab_btn_main > a.tab_btn .open-sub::before {
        color: #fff;
        content: "+";
        display: block;
        font-size: 30px;
        font-weight: 700;
        position: absolute;
        right: 15px;
        top: 10px;
    }
    .tab_section > ul.nav-tabs > li .tab-pane{display:none}
    .tab_section > ul.nav-tabs > li.active .tab-pane{display:block}
    .tab_section > ul.nav-tabs > li:after{display: none;}
    
    
/*.centers-image-3 {top: -20px;left: -16px;}*/
.element-loaded .inBuilt_section-1 {-webkit-animation-name: slideInLeft;animation-name: slideInLeft;-webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;}
.element-loaded .inBuilt_section-2 {-webkit-animation-name: slideInLeft;animation-name: slideInLeft;-webkit-animation-duration: 1s;
    animation-duration: 1s;}
.element-loaded .inBuilt_section-3 {-webkit-animation-name: slideInLeft;animation-name: slideInLeft;-webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;}
.element-loaded .inBuilt_section-4 {-webkit-animation-name: slideInLeft;animation-name: slideInLeft;-webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;}
.element-loaded .inBuilt_section-5 {-webkit-animation-name: slideInLeft;animation-name: slideInLeft;-webkit-animation-duration: 1.7s;
    animation-duration: 1.7s;}
.element-loaded .inBuilt_section-6 {-webkit-animation-name: slideInLeft;animation-name: slideInLeft;-webkit-animation-duration: 1.9s;
    animation-duration: 1.9s;}
.element-loaded .inBuilt_section-7 {-webkit-animation-name: slideInLeft;animation-name: slideInLeft;-webkit-animation-duration: 1.9s;
    animation-duration: 1.9s;}
.element-loaded .inBuilt_section-8 {-webkit-animation-name: slideInLeft;animation-name: slideInLeft;-webkit-animation-duration: 1.9s;
    animation-duration: 1.9s;}
.element-loaded .inBuilt_section-9 {-webkit-animation-name: slideInLeft;animation-name: slideInLeft;-webkit-animation-duration: 1.9s;
    animation-duration: 1.9s;}
.element-loaded .inBuilt_section-10 {-webkit-animation-name: slideInLeft;animation-name: slideInLeft;-webkit-animation-duration: 1.9s;
    animation-duration: 1.9s;}

.inBuilt_section {
    width: 290px;left: 0;
    margin: 80px auto 0 !important;
}
.inBuilt_section-10 {
    left: 0 !important;
    top: -60px !important;
}
.inBuilt_section {
    padding-top:230px;height: auto
}
.inBuilt_section-1 {
    left: 0;
    bottom: auto;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: 0;
}
.inBuilt_section-2 {
    bottom: auto;
    right: 0;
    top: 46px;
}
.inBuilt_section-3 {
    bottom: auto;
    left: 10px;
    top: 93px;
}

.inBuilt_section-4, .inBuilt_section-5, .inBuilt_section-6, .inBuilt_section-7, .inBuilt_section-8, .inBuilt_section-9 {
    position: relative;
    width: 100%;
    height: auto;
    bottom: auto;
    top: 0;
    left: 0;
    min-height: 70px;
    display: table;
    margin-bottom: 20px;
}
.inBuilt_section-4 i, .inBuilt_section-5 i, .inBuilt_section-6 i, .inBuilt_section-7 i, .inBuilt_section-8 i, .inBuilt_section-9 i {
    width: 70px;
    height: 70px;
    position: absolute;
    left: 0;
    top: 0;
}
.inBuilt_section-4 span, .inBuilt_section-5 span, .inBuilt_section-6 span, .inBuilt_section-7 span, .inBuilt_section-8 span, .inBuilt_section-9 span{
    margin: 0 !important;
    padding: 0 0 0 80px;
    display: table-cell;
    line-height: 17px;
    text-align: left;
    height: 70px;
    vertical-align: middle;
}
.inBuilt_section-7 i {
    background-position: -161px -389px;
}
.inBuilt_section-8 i {
    background-position: -128px -527px;
}
.inBuilt_section-9 i {
    background-position: -163px -642px;
}

/* .alt .centers-image-col, .centers-image-col {
    margin-bottom: 30px;
}*/
.guardians-image-3{left: 0}
 
.integration_section {width: 290px !important;}
.banner_caption_col {margin: 0px 0 0 0;}
.integration_section.element-loaded {
    opacity: 1;
    position: relative;
    left: -8px;
}
    
.mainNav { position: fixed; top: 0; bottom: 0; left: -300px; width: 300px; background: #00AEEF; -webkit-transition: left 0.5s ease; -moz-transition: left 0.5s ease; transition: left 0.5s ease; margin-top: 0 }
.show-menu .mainNav { left: 0; }
.mainNav > ul >li { float: none; border-bottom: 1px dashed rgba(255, 255, 255, 0.34); margin-right: 0 !important; }
.mainNav > ul >li a { display: block; padding: 10px 15px; color: #fff; }
.mainNav > ul >li a:focus, .mainNav > ul >li a:hover { background: #fff; }

.mainNav .submenu { display: none; background:#029dd7; }
.mainNav .toggle-handle { position: absolute; width: 41px; height: 41px; right: 0; top: 0; cursor: pointer }
.mainNav .toggle-handle em { position: absolute; left: 10px; right: 10px; top: 20px; background: #fff; }
.mainNav .toggle-handle em.first { height: 2px; }
.mainNav .toggle-handle em.second { top: 10px; bottom: 10px; left: 20px; width: 2px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.mainNav li.menu-active > .toggle-handle em.second { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.mainNav .submenu a { padding-left:25px; }

.get-start-btn-wrapper{ margin-top: 3px; }
#logo { width: 100px; margin-top: 16px; margin-bottom: 15px;}
#logo a { background-size: 100px auto; }
.sticky #logo a { background-position: 0 -41px; }
.header-right { margin-top: 11px; }
.menu-tite{ display: block ;}
.menu-handle span.menu-handle-icon {
    top: 13px;
}
.menu-handle {
    display: block;
    height: 39px;
    margin-top: 3px;
    margin: 3px 10px 0 0;
    border-radius: 5px;
    line-height: 41px;
}
.home-banner .container { min-height: 0; }
.home-banner-caption { position: relative; top: 0; margin: 0; left: 0; text-align: center; padding:25px 0 10px 0; }
.home-banner-caption-title {font-size: 20px; line-height: 32px; margin: 0 auto 10px;padding: 0}
.home-banner-caption-text { margin: 0 auto 15px; font-size: 18px; line-height: 24px; }
.home-banner-caption-btns-wrapper { max-width: none; }
.home-banner-caption-btns-wrapper a, .home-banner-caption-btns-wrapper a.book-demo-btn, .primary-btn, .secondary-btn { float: none; display: inline-block; width: 150px; height: 40px; line-height: 36px; margin-bottom: 10px; }
.competible-btns-wrapper a, .competible-btns-wrapper a.primary-btn { width: 200px; }
.home-banner-elments-wrapper { position: relative; left: 50%; top: 0; margin-top: -180px; margin-left: -444px; height: 446px; transform: scale(0.45); }
.home-banner { margin-bottom: 15px; }
.home-features-section, .home-centres-section, .home-guardians-section, .home-support-section { margin-bottom: 35px; }
.home-feature-icon-title { min-height: 36px; }
.home-title, .home-best-stories-section .home-title, .home-ccms-section .home-title, .home-competible-section .home-title { font-size: 22px; line-height: 28px; }
.home-best-stories-section .home-title { left: 0; padding-bottom: 10px; margin-bottom: 10px; }
.home-sub-title { font-size: 18px; line-height: 22px; }
.home-para { font-size: 14px; line-height: 20px; margin-bottom: 20px !important; }
/*.guardians-image-wrapper { transform: scale(0.7);-moz-transform: scale(0.7);-ms-transform: scale(0.7);-o-transform: scale(0.7);-webkit-transform: scale(0.7); margin: -20px 0 0 -140px; transform-origin: 0 0; left: 50%; top: 50%; width: 400px; height: 220px; }
.centers-image-wrapper {transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);-webkit-transform: scale(0.8);}
.support-image-wrapper {transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);-webkit-transform: scale(0.8);margin: 0 auto;}*/

.centers-image-3,
.guardians-image-3,
.support-image-1{background-size: cover !important}

.centers-image-wrapper,
.centers-image-3{width: 285px;height: 238px;}
.guardians-image-wrapper, 
.guardians-image-3 {width: 185px;height: 376px !important;}
.support-image-wrapper,
.support-image-1{width: 290px;height: 240px;}


.competible-device-image-wrapper { transform: scale(0.44); margin: 0 0 0 -140px; transform-origin: 0 0; left: 50%; top: 50%; width: 339px; height: 140px; }
.home-buttons-wrapper a { margin-bottom: 10px; }
.home-buttons-wrapper a:last-child { margin-bottom: 0; }
.home-happy-customer-section { padding-top: 20px; margin-bottom: 20px; }
.home-happy-customer-section .home-title { margin-bottom: 10px }
.home-happy-subtitle { margin-bottom: 40px; font-size: 16px; line-height: 22px; }
.home-feedback-form-wrapper .fields { margin-bottom: 20px; }
.home-feedback-form-wrapper .field:last-child { padding-bottom: 0; }
.home-banner-caption-btns-wrapper a, .primary-btn, .secondary-btn { font-size: 14px; }
.home-banner-caption-btns-wrapper a i { position: relative; top: 2px; }
.black-ccms-text { font-size: 22px; line-height: 28px; }
.footer-col, .footer-col:last-child { float: none; width: auto; padding-right: 0; }
.footer-col { border-bottom: 2px dashed #424242; margin-bottom: 11px; }
.footer-col:last-child { max-width: 330px; border-bottom: 0; }
.footer-accordian-content { display: none; }
.footer-col:last-child .footer-accordian-content { display: block; }
.footer-title { position: relative; border-bottom: 2px dashed transparent; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; padding-bottom: 10px; margin-bottom: 0; }
.footer-col:last-child .footer-title { margin-bottom: 0; }
.footer-title.active { border-bottom-color: #424242; margin-bottom: 15px; }
.footer-col:last-child .footer-title:before { visibility: hidden; }
.footer-title:before { content: "\f107"; display: block; position: absolute; right: 0; top: 0; font-family: FontAwesome; font-size: 22px; font-weight: normal; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.footer-title.active:before { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.footer-logo { float: none; width: 140px; margin: 0 auto; }
.footer-bottom-links ul { text-align: center }
.footer-bottom-links ul li { float: none; display: inline-block; margin-right: 5px; }
.footer-bottom-wrapper { margin-top: 0 }
.home-competible-section { margin-bottom: 0; }

/*@br*/
.contact_contain_one h3,
.centres_section_one .section_contain_one h3,
.section_contain_three h3,
.section_contain_four h3 { font-size:24px; line-height:normal; }
.section_contain_three h3,
.section_contain_four h3 { margin-bottom:15px; }
.contact_contain_one p { font-size:16px; } 
.centres_section_one .section_contain_one span.c_line { font-size:16px; margin-bottom:30px; }
.contact_contain_one p.call_line a { font-size:24px; }
.contact_title_block h1 { font-size:24px; }
.breadcrumbs { display:none; }
.contact_contain_left { float:none; width:100%; padding:0; }
.contact_map_right { float:none; width:100%; margin-bottom:20px; }
/*.contact_map_right iframe { height:250px; }*/
.contact_contain_left p { margin-bottom:20px; }
a.book-demo-btn2 { margin-top:30px; }
.section_two_title h2 { font-size:28px; line-height:normal; margin-bottom:0; }

.left_box h3 { font-size:26px; }
.left_box { float:none; width:100%; position:static; margin:0 0 25px 0; transform:none; -webkit-transform:none; -o-transform:none; -ms-transform:none; -moz-transform:none; }
.account_field_bar { float:none; width:100%; }
.account_field_box .logged_in a.forgot_password { font-size:12px; }
button.btn_submit_form { padding:0 30px; }
.check_box_main label { font-size:12px; }

}

@media all and (max-width:639px) {
#intro_video, #intro_video .stage1_wrapper, #intro_video .stage2_wrapper, .sl-slide-inner .bg img {
    height: 315px;
}    
.signup_box_content { padding:15px; }
.account_field_bar { width:100%; padding:15px; }
.register_content { padding:15px; }
}

@media all and (max-width:567px) {
.homevideo_section img{height: 248px !important;}    
.homevideomain {max-width: 440px !important;}
.banner_video_close {margin:0 -207px 0 0 !important;}
    
.home-buttons-wrapper a { margin-right: 0 }
.all-key-include ul.list-key li {
    width: 100%;
    margin-bottom: 15px;
}
.all-key-include {
    max-width: 280px;
}
}
@media all and (max-width:479px) {
.contact_contain_left p {
    min-height: 75px;
}    
#intro_video, #intro_video .stage1_wrapper, #intro_video .stage2_wrapper, .sl-slide-inner .bg img {
    height: 235px !important;
}    
.homevideo_section img{height: 163px !important;}    
.homevideomain {max-width: 290px !important;}
.banner_video_close {margin:0 -131px 0 0 !important;}    

.header-right { width: 163px; }
.menu-handle-text { display: none; }
.menu-handle { width: 45px; margin-right: 8px; padding-left: 0;}
.menu-handle span.menu-handle-icon{ right: 15px; }
.home-features-col { width: 50%; }
.fields .field { width: 100%; padding:0 0 30px 0; }
.home-banner-caption-btns-wrapper{ max-width: 150px; margin: 0 auto; }
.home-banner-caption-btns-wrapper a, .competible-btns-wrapper a.primary-btn, .black-ccms-buttons-wrapper a.secondary-btn { margin-right: 0; }
.get-start-btn-wrapper a { width: 110px;}
.get-start-btn-wrapper a:before{visibility:hidden; position:absolute; }

/*@br*/
.contact_contain_left p::before { transform:scale(0.6);-webkit-transform:scale(0.6);-moz-transform:scale(0.6);-ms-transform:scale(0.6);-o-transform:scale(0.6); transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;-webkit-transform-origin:0 0; }
.contact_contain_left p { padding-left:80px; }
.home-feedback-form-wrapper .field:last-child{padding-bottom:10px}
.home-feedback-form-wrapper .actions button,
.home-feedback-form-wrapper .actions .primary-btn{margin-right:0}
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
.home-banner-element, .feature-animate-icon, .centers-image, .competible-platform { background-image: url(../images/home-sprite@2x.png); background-size: 200px auto; }

}
/*Responsive ends
===========================================================*/
.centres_section_new { background:#2c2d2f; padding:50px 0; min-height:100%; overflow-x:hidden; }
.centres_section_new .fixed-bg { position:relative; display:table; margin:0 auto; max-width:1430px; margin-top:30px; }
.centres_section_new .fixed-bg img { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; max-width:100%; position:relative;width: 100%; float: left;}
.centres_section_new .fixed-bg img.one { opacity:0; visibility:hidden; transition-delay:1.2s; -webkit-transition-delay:1.2s; float:left; width:50%; position:relative; left:100px; }
.centres_section_new .fixed-bg img.two {  z-index:1; opacity:0; visibility:hidden; transition-delay:1s; -webkit-transition-delay:1s; float:right; width:50%; position:relative; right:-100px; }
.centres_section_new.element-loaded .fixed-bg img.one { opacity:1; visibility:visible; left:0; }
.centres_section_new.element-loaded .fixed-bg img.two { opacity:1; visibility:visible; right:0; } 
.section_contain_four h3,
.section_contain_four p,
.section_contain_four .book-demo-btn2 { position:relative; top:20px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; opacity:0; visibility:hidden; }
.section_contain_four p { transition-delay:0.5s; -webkit-transition-delay:0.5s; }
.section_contain_four .book-demo-btn2 { transition-delay:0.8s; -webkit-transition-delay:0.8s; }

.centres_section_new.element-loaded .section_contain_four h3,
.centres_section_new.element-loaded .section_contain_four p,
.centres_section_new.element-loaded .section_contain_four .book-demo-btn2 { top:0; opacity:1; visibility:visible; }
 
@media all and (max-width:1024px){
    
#intro_video,
#intro_video .stage1_wrapper, 
#intro_video .stage2_wrapper,
.sl-slide-inner .bg img{
    height: 500px;
}
.mainNav ul li > a {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 13px;
}    
.menu-handle:hover {color: #FFFFFF !important; }    
.integration_section {
    width: 360px;
}
.inBuilt_section {
    margin:40px auto 0 auto;
}
.integration-6{top: -16px;}
.inBuilt_section-10 {
    left: 25px;
    top: -16px;
}


.centres_section_new .fixed-bg { width:100%; }
.centres_section_new .fixed-bg img.one { width:50%; }
.centres_section_new .fixed-bg img.two { width:50%; }

.get-start-btn-wrapper a{width: 110px;}
.mainNav {
    margin-right: 20px;
}
.mainNav > ul >li {
    margin-right: 15px;
}
}
/*============================ Changes By Anil ============================*/
div div.wpcf7 .ajax-loader{height:24px;width:24px;position:absolute}
.home-feedback-form-wrapper{}
.home-feedback-form-wrapper .actions{position:relative}
.home-feedback-form-wrapper .actions .ajax-loader{right:50%;top:50%;transform:translate(110px,-50%);-moz-transform:translate(110px,-50%);-ms-transform:translate(110px,-50%);-o-transform:translate(110px,-50%);-webkit-transform:translate(110px,-50%);margin-top:-10px;visibility:visible}
.input-box input.error{border:none !important}
div .wpcf7-form-control-wrap{display:block}
div .wpcf7-form label.error,
.recaptcha-error-message{display:block;padding:0;color:#f00;font-weight:400;font-family:"Rubik";font-size:13px;position:absolute;left:0;top:100%}
.popup_form .captchabox .form-group{position:relative}


.scroll_top{bottom:20px;cursor:pointer;height:50px;position:fixed;right:20px;width:50px;z-index:5;text-align:center;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;color:#fff;opacity:0;visibility:hidden;background:#00aeef;border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%}
.scroll_top .fa-angle-up {font-size:28px !important;margin:4px 0 0 0}
.scroll_top .top-text{font-size:12px;font-weight:400;margin:-8px 0 0;text-transform:uppercase;display:block}
.visible{opacity:1;visibility:visible}


.armodal_box{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:#fff;text-align:left}
.armodal{position:absolute;padding:30px 0;left:0;top:0;height:100vh;width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}
.armodal-close{position:absolute;top:15px;right:15px;font-size:20px;color:#000;z-index:1}
body.sticky{overflow:hidden}
.armodal_box:before{content:"";display:block;position:absolute;right:0;top:0;height:100%;background:#efefef;left:50%;margin-left:-298px}

.req{color:#f00}
.armodal_box .form-group{margin-bottom:30px}
.armodal_box .form-group > label{font-weight:400;color:#606060;margin-bottom:5px}
.armodal_box input,
.armodal_box textarea,
.armodal_box select{height:42px;border:1px solid #bdbdbd;color:#606060;padding:7px 15px;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;width:100%}
.armodal_box h5,.armodal_box .h5{margin:25px 0 25px 0;font-size:18px;color:#505050;font-weight:500}
.popup_form{padding-left:30px}
.popup_form h2,.popup_form .h2{font-weight:500;color:#00aeef;line-height:40px;font-size:30px;border-bottom:1px solid #ddd;padding-bottom:10px}
[data-tooltip]{position:relative}
[data-tooltip]:before { content: ""; font-family: "FontAwesome"; position: absolute; bottom: 15px; left: 0; font-size: 30px; color: #00aeef; border-bottom: 7px solid transparent; border-top-color: #00aeef; border-right: 7px solid #00aeef; transform: translateY(-20px); transition: all 0.5s ease; opacity:0; visibility:hidden; }
[data-tooltip]:after { content: attr(data-tooltip); position: absolute; bottom: 100%; right: -16px; background: #00aeef; width: 200px; color: #fff; text-align: center; padding: 5px 15px; line-height: 24px; margin-bottom: 5px; transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-o-transform:translateY(-20px);-webkit-transform:translateY(-20px);transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;opacity:0; visibility:hidden; }
.popup_form input:-webkit-autofill,
.popup_form textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 30px white inset;}

.popup_form div div.wpcf7 .ajax-loader{right:15px;top:50%;visibility:visible;transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.popup_form input.input-file{opacity:0}
.popup_form input.input-text{position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;padding-left:55px;font-size:14px;font-weight:400;background:#fff}
.popup_form .file-box:before{content: "\f0c6";font-family: "FontAwesome";display: inline-block;background:#bdbdbd;color: #707070;position: absolute;top: 0;left: 0;z-index: 2;line-height: 42px;min-width: 42px;text-align: center;font-size: 24px;pointer-events: none}
.armodal_box .form-group > label.check_lbl{margin-bottom:0;line-height:26px;cursor:pointer;}
.popup_form input[type=checkbox] { position: absolute; left: 0; top: 0; opacity: 0; margin: 0; height: 26px; width: 26px; }
.popup_form input[type=checkbox]~span { display: block; height: 26px; width: 26px; border: 2px solid #bdbdbd; position: relative; margin-right: 10px; background: #fff; }
.popup_form input[type=checkbox]~span:before { content: "\f00c"; font-family: "FontAwesome"; position: absolute; left: 2px; top: 0; line-height: 22px; font-size: 18px; color: #999; opacity: 0; }
.popup_form input[type=checkbox]:checked~span:before { opacity: 1; }
.check_lbl .wpcf7-form-control-wrap{display:inline-block;vertical-align:top}
.check_lbl a{color:#606060;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}
.popup_form select{appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;-webkit-appearance:none}
.popup_form select:-moz-focusring{color:transparent;text-shadow:0 0 0 #606060;-moz-transition:all 0s ease}
.popup_form select::-ms-expand{display: none !important}
.popup_form .select_box{position:relative}
.popup_form .select_box:before{content:"\f0d7";font-family:"FontAwesome";font-size:22px;line-height:40px;width:40px;position:absolute;right:1px;top:1px;background:#fff;pointer-events:none;text-align:center;color:#999;z-index:1}
.popup_form .btn-send input{ background: #00aeef; color: #fff; border: 2px solid #00aeef; height: 50px; border-radius: 5px; text-transform: uppercase; font-weight: 500; padding: 0 15px; line-height: 50px; min-width:270px }
.popup_form .btn-send{position:relative}
.popup_form .captchabox{float:left}
.popup_form .submit_box{float:right}
.armodal_box .form-group > label.check_lbl .error{width:180px;max-width:initial}

.armodal_box .form-group .name-of-room{padding:0 15px;width:50%;float:left}
.armodal_box .form-group .capacity-section{padding:0 15px;width:50%;float:left}
.armodal_box .form-group .staff-section{padding:0 15px;width:50%;float:left}
.armodal_box .room-div-section{margin:0 -15px}
.armodal_box .capacity-staff-section{padding:0 70px 0 0;width:50%;float:left;position:relative}
.armodal_box .room-div-section+.room-div-section{margin-top:30px}
.armodal_box .form-group .name-of-room > label,
.armodal_box .form-group .capacity-section > label,
.armodal_box .form-group .staff-section > label{font-weight:400;color:#606060;margin-bottom:5px}
.armodal_box .info-add-img{position:absolute;right:5px;top:34px}
.armodal_box .info-add-img i{font-size:24px;margin-right:10px;color:#606060}
.armodal_box .remove-section{position:absolute;right:49px;top:34px;font-size:24px;color:#606060;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;cursor:pointer}
.armodal_box .info-add-img > i{cursor:pointer;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translateY(-5px);-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-o-transform:translateY(-5px);-webkit-transform:translateY(-5px)}

.popup_sidebar{text-align:center}
.popup_logo{margin-bottom:50px}
.popup_circle{}
.popup_logo a{display:block}
.popup_circle{display:block;height:260px;width:260px;border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%;background:#00aeef;padding:40px 10px;margin:0 auto}
.popup_circle h3,.popup_circle .h3{font-weight:500;color:#fff;line-height:34px;font-size:30px;margin:0 0 20px 0}
.popup_circle p{color:#fff}
.popup_cta{margin:50px 0}
.popup_cta .title{display:block;font-size:16px}
.popup_cta a{display:inline-block;vertical-align:top;font-size:30px;font-weight:500;color:#00aeef;line-height:40px;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}

.popup_form div.wpcf7-response-output{margin:0;padding:7px 15px;text-align:center}
.popup_form div.wpcf7-mail-sent-ng{color:#f00;border-color:#f00}
.popup_form div.wpcf7-validation-errors{color:#f00;border-color:#f00}
.popup_form div.wpcf7-mail-sent-ok{color:#398f14}
.popup_form div.wpcf7-spam-blocked{color:#f00;border-color:#f00}

.check_lbl span.wpcf7-not-valid-tip{position:absolute;top:100%;width:490px;pointer-events:none}

.book_demo_form .popup_form h2,.book_demo_form .popup_form .h2{margin-bottom:25px}


.inner_pages.cms_page{padding:0 0 40px 0}
.cms_page h1,.cms_page .h1{font-size:36px;font-weight:500;margin:0 0 20px 0;line-height:initial}
.cms_page h2,.cms_page .h2{font-size:30px;font-weight:500;margin:0 0 20px 0;line-height:initial}
.cms_page h3,.cms_page .h3{font-size:24px;font-weight:500;margin:0 0 15px 0;line-height:initial}
.cms_page h4,.cms_page .h4{font-size:20px;font-weight:500;margin:0 0 15px 0;line-height:initial}
.cms_page h5,.cms_page .h5{font-size:16px;font-weight:500;margin:0 0 10px 0;line-height:initial}
.cms_page h6,.cms_page .h6{font-size:14px;font-weight:500;margin:0 0 10px 0;line-height:initial}
.cms_page p{font-size:14px;line-height:24px;margin-bottom:24px}
.cms_page a{color:#00aeef}
.cms_page ul{margin-bottom:20px;list-style-type:none}
.cms_page ol{margin-bottom:20px}
.cms_page ul > li{padding:0 0 0 15px;position:relative;line-height:24px}
.cms_page ul > li:before{content:"\f105";height:auto;width:auto;top:1px;background:none;font-family:'FontAwesome';font-size:18px;display:inline-block;position:absolute;left:0;border:none;line-height:initial;color:#000}
.cms_page ul ul > li:before{content:"";display:block;height:8px;width:8px;position:absolute;left:0;top:8px;border-radius:50%;-webkit-border-radius:50%;border:1px solid #000}
.cms_page ul ul ul > li:before{background:#000}
.cms_page ul ul > li{padding:0 0 0 15px}
.cms_page ul ul ul > li{padding:0 0 0 15px}
.cms_page ul ul{margin:0;padding:0}
.cms_page ul ol{margin:0}
.cms_page ol ul{margin:0;padding:0}
.cms_page ol ol{margin:0;}
.cms_page ol{padding: 0 0 0 30px;margin:0 0 26px 0}
.cms_page ol > li{line-height:26px}
.cms_page ol > li:before{}




.blog_page_title{margin:0 auto;max-width:1200px;padding:30px 15px 0 15px;text-align:center}
.blog_page_title h1,.blog_page_title .h1{font-size:40px;color:#00aeef;font-weight:400;text-transform:uppercase;margin-bottom:10px;line-height:50px}
.blog_page{padding:30px 0}
.category_image{background:url(../images/categories.png) no-repeat center center transparent;display:block;height:126px;width:120px}
.date_image{background:url(../images/dates.png) no-repeat center center transparent;display:block;height:126px;width:120px}
.tag_image{background:url(../images/tags.png) no-repeat center center transparent;display:block;height:126px;width:120px}
.blog_page_bar h2,.blog_page_bar .h2{color:#525252;font-size:24px;font-weight:400;line-height:126px;position:relative;cursor:pointer}
.blog_page_bar h2:before,.blog_page_bar .h2:before{content:"";display:block;height:15px;width:26px;background:url(../images/down-arrow.png) no-repeat center center transparent;position:absolute;right:10px;top:50%;transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.blog_page_bar .qukactive h2:before,.blog_page_bar .qukactive .h2:before{background-image:url(../images/up-arrow.png)}
.blog_page_bar .searchandfilter > div > ul{vertical-align:top;width:100%;border:1px solid #ddd;position:relative}
.blog_page_bar .searchandfilter > div > ul > li{float:left;width:33.33333333%}
.blog_page_bar .searchandfilter > div > ul > li > span{float:left;margin:0 5px}
.blog_page_bar .searchandfilter > div > ul > li > div{position:absolute;width:100%;background:#fff;z-index:9;left:0;top:100%;padding:20px 20px 15px 30px;border-top:2px solid #ddd;box-shadow:0 1px 1px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.1);-ms-box-shadow:0 1px 1px rgba(0,0,0,0.1);-o-box-shadow:0 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1)}
.blog_page_bar .searchandfilter > div > ul > li+li{border-left:1px solid #ddd}
.blog_listing .alm-reveal h4+span,.blog_listing .alm-reveal .h4+span{font-size:14px;color:#999;margin:10px 0;display:block}
.blog_listing .alm-reveal h4+span a,.blog_listing .alm-reveal .h4+span a{color:#999;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}

.blog_page_bar .searchandfilter > div label{display:inline-block;vertical-align:top;background:#eee;color:#6b6b6b;cursor:pointer;padding:10px;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px;font-weight:400;margin-bottom:10px}

.blog_listing{}
.blog_listing ul{display:inline-block;vertical-align:top}
.blog_listing ul li{width:33.33333333%;background:#eee;border:1px solid #fff;margin:0}
.blog_listing .blog_detail{padding:15px 25px 25px}
.blog_listing .alm-reveal{display:flex;flex-wrap:wrap;-ms-flex-wrap:wrap;padding:0 2px}
.blog_listing .alm-reveal li img{max-width:100%;vertical-align:top}
.blog_listing .alm-reveal .blog_image a{display:block;position:relative}
.blog_listing .alm-reveal .blog_image a:before{position:absolute;left:0;top:0;height:100%;width:100%;background:rgba(0,0,0,0.5);content:"";display:block;opacity:0;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}
.blog_listing .alm-reveal h4,.blog_listing .alm-reveal .h4{font-weight:500;font-size:20px;line-height:30px}
.blog_listing .alm-reveal h4 a,.blog_listing .alm-reveal .h4 a{color:#303030;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}
.blog_page button.alm-load-more-btn{margin:30px 0 0 0}
.blog_page .alm-btn-wrap{padding:0}
.blog_page_bar .searchandfilter > div li.current-cat label{background:#666;color:#fff}
.blog_listing .read_more{display:none}

.blog_listing.blog_listing_archive h4,.blog_listing.blog_listing_archive .h4{font-weight:500;font-size:20px;line-height:30px}
.blog_listing.blog_listing_archive h4 a,.blog_listing.blog_listing_archive .h4 a{color:#303030;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}
.blog_listing.blog_listing_archive .blog_image a{display:block;position:relative}
.blog_listing.blog_listing_archive .blog_image a:before{position:absolute;left:0;top:0;height:100%;width:100%;background:rgba(0,0,0,0.5);content:"";display:block;opacity:0;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}



.blog_listing.blog_listing_archive h4+span,.blog_listing.blog_listing_archive .h4+span{font-size:14px;color:#999;margin:10px 0;display:block}
.blog_listing.blog_listing_archive h4+span a,.blog_listing.blog_listing_archive .h4+span a{color:#999;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}

.page-template-featured-page{}
.page-template-featured-page .featured{}
.page-template-featured-page .featured > span{display:inline-block;height:46px;width:120px;margin-right:15px;background:url(../images/hundread-plus-inner-page.png) no-repeat 0 0 transparent;vertical-align:middle}

.all_features_page{}
.all_features_container{display:flex;flex-wrap:wrap;-ms-flex-wrap:wrap;background:#fbfafa}
.all_features_grid{width:50%;text-align:center;position:relative;z-index:1;padding:70px 50px}
.all_features_grid:before{content:"";display:block;position:absolute;left:0;top:0;height:100%;width:100%;z-index:-1}
.all_features_grid:nth-child(4n):before,
.all_features_grid:nth-child(4n+1):before{background:#f1f3f5}

.all_features_grid h4,.all_features_grid .h4{margin:20px 0 20px 0;font-size:24px;font-weight:500}
.all_features_grid p{}

.blog_listing_archive{}
.blog_listing_archive ul.blog{
display: flex;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
padding: 0 2px;}
.blog_empty{
text-align: center;
margin-top: 30px;
font-size: 16px;
}
.blog_listing_archive ul.blog img{max-width:100%;vertical-align:top}
.blog_listing_archive{}
.my_pagination{text-align:center;margin:30px 0 0 0}
.my_pagination .pagination .wp-pagenavi{display:inline-block;vertical-align:top}
.my_pagination .pagination .wp-pagenavi span.current{background:#0b74b9;color:#fff}
.my_pagination .pagination .wp-pagenavi span, .my_pagination .wp-pagenavi a {display:block;width:40px;height:40px;border:1px solid #0b74b9;line-height:42px;color:#303030;font-weight:400;float:left;margin:0;padding:0}
.my_pagination .pagination .wp-pagenavi a + span,.my_pagination .wp-pagenavi a + a,.my_pagination .wp-pagenavi span + a{border-left:0}
.my_pagination .pagination .wp-pagenavi .nextpostslink,.my_pagination .wp-pagenavi .previouspostslink{font-size:22px;line-height:34px}
.my_pagination .pagination li{padding:0;float:left;font-weight:400}
.my_pagination .pagination li:before{display:none !important}
.my_pagination .pagination li a{border-radius:0;-webkit-border-radius:0;color:#fff;padding:0;height:40px;width:40px;line-height:40px;background:#000;margin:0;font-weight:400;border:none;font-size:16px;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}
.my_pagination .pagination{margin:0;padding:0;vertical-align:top;border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;-webkit-border-radius:0}
.my_pagination .pagination li.disabled a{pointer-events:none}
.my_pagination .pagination li.selected a{background:#00aeef;pointer-events:none;color:#fff}
.my_pagination .pagination li:first-child a,
.my_pagination .pagination li:last-child a{font-size:22px}
.my_pagination .pagination li+li{margin-left:3px}

.footer-accordian-content ul li.active a{color:#00AEEF}

.blog_author_img{text-align:center;position:absolute;left:15px;top:0}
.blog_author_img img{width:125px;border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%;overflow:hidden}
.blog_sidebar{position:absolute;right:0;top:0;width:256px}
.blog_sidebar div.html_wysija{background:#000;padding:15px 15px}
.blog_sidebar .html_wysija h4,.blog_sidebar .html_wysija h4{font-size:14px;font-weight:500;text-transform:uppercase;margin:0 0 15px 0;color:#fff}
.blog_sidebar div.html_wysija p{color:#fff;margin-bottom:5px}
.blog_sidebar .email-field{height:40px;padding:5px 15px}
.blog_sidebar .widget_wysija_cont .wysija-submit{width:100%;border:2px solid #00aeef;height:40px;text-transform:uppercase;font-size:14px;font-weight:500;color:#fff;border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;background:#00aeef;line-height:38px}
.blog_sidebar h5,.blog_sidebar .h5{color:#fff;margin:0;padding:15px 15px;background:#000;text-transform:uppercase;font-size:16px;font-weight:500;margin-top:30px}
.blog_sidebar .category_list{}
.blog_sidebar .category_list > ul{list-style-type:none;padding:20px;margin:0;display:block;background:#f0f0f0}
.blog_sidebar .category_list ul li{line-height:30px;color:#606060}
.blog_sidebar .category_list ul li a{color:#606060;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}
.blog_sidebar .category_list ul ul{}
.blog_sidebar .category_list ul li a:before{content:"\f105";font-family:"FontAwesome";font-size:18px;margin:-1px 5px 0 0;display:inline-block;vertical-align:top}

.blog_sidebar .form_main_box{position:relative}
.blog_sidebar .formError{top:28px !important;right:5px !important;opacity:1 !important;left:auto !important;background:#900;z-index:1}
.blog_sidebar .formError .formErrorContent{background:none;border:none;font-family:"Rubik"}
.blog_sidebar .formError:before{content: "";display: block;height: 5px;background: #9c0000;width: 5px;transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);position: absolute;top: -3px;right: 7px;}

.blog_details h2,.blog_details .h2{font-weight: 500;line-height: 50px;margin: 0 0 10px 0;}
.blog_details_content img{max-width:100%;height:auto}
.blog_details_content .alignleft{float:left}
.blog_details_content .alignright{float:right}
.blog_details_content img.alignleft{margin:0 30px 20px 0}
.blog_details_content img.alignright{margin:0 0 20px 30px}
.blog_details_content img.aligncenter{display:block;margin:0 auto 20px auto}
.blog_details_content p{line-height:24px}

.blog_sidebar form{display:block !important}
.blog_sidebar .allmsgs .error{background: #900;margin: 0;border: none;padding: 7px 10px;text-align: center;line-height: 20px;}
.blog_sidebar .allmsgs .updated{background: #090;margin: 0;border: none;padding: 7px 10px;text-align: center;line-height: 20px;color:#fff}
.blog_sidebar .allmsgs{margin-top:10px}

.blog-social-main{}
.blog-social-main ul{display:inline-block;vertical-align:top;width:100%;padding:15px 0;border:1px solid #EEE;border-width:1px 0}
.blog-social-main ul li{float:left;list-style:none}
.blog-social-main ul li+li{margin-left:15px}
.blog-social-main ul li a{display:block}
.blog-social-main ul li a img{vertical-align:top}


.breadcrumbs li.selected,
.breadcrumbs li.active{color:#00aeef}
.inner_pages.blog_details_page{position:relative}
.blog_details{padding:0 185px 0 145px}
.published-main .publish{margin:15px 0}
.published-main .publish a{color:#606060}
.published-main .tags{margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid #EEE}
.published-main .tags h2,.published-main .tags .h2{display:inline-block;vertical-align:top;line-height:initial;margin:0;font-size:14px;font-weight:400;color:#606060}

.blog_author_profile_img{float:left}
.blog_author_profile_img img{width:100px;border-radius:50%;-webkit-border-radius:50%}
.blog_author_profile_content{margin-left:115px}
.blog_author_connect{margin:15px 0 25px 0}
.blog_author_profile_content h5,.blog_author_profile_content .h5{margin-bottom:5px}

.related_posts{border-top:2px solid #BBB;padding:20px 0}
.related_posts h3.related_post_title{margin:0 0 15px 0 !important;line-height:26px !important;padding:0 !important;font-weight:500 !important;font-size:18px !important}
.related_posts ul.related_post{display:block !important;margin:0 -15px !important}
.related_posts ul.related_post li{width:25% !important;float:left;padding:0 15px !important;border:none !important}
.related_posts ul.related_post li a.wp_rp_thumbnail{}
.related_posts ul.related_post li a.wp_rp_thumbnail img{width:100% !important;height:auto !important;padding:0 !important}
.related_posts ul.related_post li a.wp_rp_title{font-size:14px !important;line-height:24px !important;margin:15px 0 15px 0 !important}
.related_posts ul.related_post li:hover{background:none !important}
.blog_author_connect a{display:inline-block;vertical-align:top}
.blog_author_connect a img{vertical-align:top}


.about_our_team:before{box-shadow:1px 0 2px 0 rgba(160,160,160,.5);border:2px solid #f5f5f5;border-top:0;content:"";position:absolute;left:0;top:80px;width:100%;bottom:0;z-index:-1}
.about_our_team{text-align:center;position:relative;padding:0 20px 30px 20px;min-height:501px}
.about_our_team img{width:150px}
.about_our_team .member_description p{text-align:justify;margin:0}
.about_our_team .member_desig{color:#a2a5a4;margin:0 0 10px 0}
.about_our_team .member_name{
    font-weight: 500;
    font-size: 20px;
    line-height: initial;
    margin: 0 0 10px 0;
}
.about_our_team .member_image{margin-bottom:10px}
.team_section_main{}
.team_section_main h5,.team_section_main .h5{margin:0 0 20px 0;text-align:center;font-size:24px}
.inner_team_lisitng{margin-bottom:40px}
.after_team_content{}
.after_team_content h2,.after_team_content .h2{font-size:24px}
.after_team_content p{}


.section_contain_one .post-meta_blog{font-size:16px;line-height:30px;margin-top:30px}
.section_contain_one .post-meta_blog .post-cat-list{color:#fff;font-size:16px;font-weight:400;display:inline-block;vertical-align:top;line-height:30px}
.section_contain_one .post-meta_blog > b{font-weight:400;font-size:16px}
.section_contain_one .post-meta_blog .post-cat-list a{color:#fff}
.section_contain_one .post-meta_blog .pdate{display:block}



.blog_listing_2{}
.blog_listing_2 ul{}
.blog_listing_2 ul li{margin:50px 0 0 0}
.blog_listing_2 ul li:after{content:"";display:block;clear:both}
.blog_listing_2 .blog_detail{padding:0 0 0 25px;float:left;width:50%}
.blog_listing_2 .alm-reveal{}
.blog_listing_2 .alm-reveal li img{width:100%;vertical-align:top}
.blog_listing_2 .alm-reveal .blog_image{width:50%;float:left}

.blog_listing_2 .alm-reveal li:nth-child(even) .blog_image{float:right}
.blog_listing_2 li:nth-child(even) .blog_detail{padding:0 25px 0 0 }

.blog_listing_2 .alm-reveal .blog_image a{display:block;position:relative}
.blog_listing_2 .alm-reveal .blog_image a:before{position:absolute;left:0;top:0;height:100%;width:100%;background:rgba(0,0,0,0.5);content:"";display:block;opacity:0;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}
.blog_listing_2 .alm-reveal h4,.blog_listing_2 .alm-reveal .h4{font-weight:500;font-size:20px;line-height:30px}
.blog_listing_2 .alm-reveal h4 a,.blog_listing_2 .alm-reveal .h4 a{color:#303030;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}

.blog_listing_2.blog_listing_archive h4,.blog_listing_2.blog_listing_archive .h4{font-weight:500;font-size:20px;line-height:30px}
.blog_listing_2.blog_listing_archive h4 a,.blog_listing_2.blog_listing_archive .h4 a{color:#303030;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}
.blog_listing_2.blog_listing_archive .blog_image a{display:block;position:relative}
.blog_listing_2.blog_listing_archive .blog_image a:before{position:absolute;left:0;top:0;height:100%;width:100%;background:rgba(0,0,0,0.5);content:"";display:block;opacity:0;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}

.blog_listing_2 .alm-reveal h4+span,.blog_listing_2 .alm-reveal .h4+span{font-size:14px;color:#999;margin:10px 0;display:block}
.blog_listing_2 .alm-reveal h4+span a,.blog_listing_2 .alm-reveal .h4+span a{color:#999;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}

.blog_listing_2.blog_listing_archive h4+span,.blog_listing_2.blog_listing_archive .h4+span{font-size:14px;color:#999;margin:10px 0;display:block}
.blog_listing_2.blog_listing_archive h4+span a,.blog_listing_2.blog_listing_archive .h4+span a{color:#999;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}
.blog_listing_2 .blog_author:before{content:"\f007";font-family:"FontAwesome";font-size:20px;margin-right:7px;color:#00aeef}
.blog_listing_2 .blog_date:before{content:"\f073";font-family:"FontAwesome";font-size:20px;margin-right:7px;color:#00aeef}
.blog_listing_2 .blog_date{margin-left:10px}
.blog_listing_2 .read_more{position:relative;display:inline-block;vertical-align:top;color:#fff;margin-top:20px;background: #00aeef;padding: 0 10px;line-height: 36px;min-width: 100px;text-align: center;border: 1px solid #00aeef;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}
/*.blog_listing_2 .read_more:before{content:"\f105";font-family:"FontAwesome";font-size:20px;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;position:absolute;right:0;top:0;opacity:0}*/

.blog_page_2{}
button.alm-load-more-btn{font-family:"Rubik" !important}

@media screen and (max-width:1799px)
{

}
@media screen and (min-width:1601px)
{
.blog_listing .alm-reveal li img{min-width:100%}
}
@media screen and (max-width:1348px)
{
.blog_details{padding:0 225px 0 145px}
}
@media screen and (max-width:1279px)
{
.blog_details{padding:0 265px 0 145px}
}
@media screen and (min-width:1025px)
{
.contact_page_form .btn-send input:hover {
    background: #fff;
    color: #00aeef;
}    
.all-key-include ul.list-key li a:hover .listkeybox {
    background: #00aeef;
    color: #fff;
}    
.blog_listing .alm-reveal .blog_image a:hover:before{opacity:1}
.blog_listing .alm-reveal h4+span a:hover,.blog_listing .alm-reveal .h4+span a:hover{color:#00aeef}
.blog_listing .alm-reveal h4 a:hover,.blog_listing .alm-reveal .h4 a:hover{color:#00aeef}
.blog_page_bar .searchandfilter > div label:hover{background:#666;color:#fff}
.armodal_box .wpcf7-form-control:focus{border-color:#00aeef}
.check_lbl a:hover{color:#00aeef}
.armodal_box .remove-section:hover{color:#f00}
.armodal_box .info-add-img > i:hover{color:#00aeef}
.popup_form .btn-send input:hover{background:#fff;color:#00aeef}
.popup_cta a:hover{color:#303030}
.scroll_top:hover{background:#303030}
.my_pagination .pagination li a:hover{background:#00aeef;color:#fff}
.blog_listing.blog_listing_archive h4+span a:hover,.blog_listing.blog_listing_archive .h4+span a:hover{color:#00aeef}
.blog_listing.blog_listing_archive h4 a:hover,.blog_listing.blog_listing_archive .h4 a:hover{color:#00aeef}
.blog_listing.blog_listing_archive .blog_image a:hover:before{opacity:1}
.blog_sidebar .category_list ul li a:hover{color:#00aeef}
.section_contain_one .post-meta_blog .post-cat-list a:hover{color:#00aeef}
.related_posts ul.related_post li a.wp_rp_title:hover{color:#00aeef !important}
.contact_contain_one p.call_line a:hover{color:#00aeef}
.blog_listing_2 .read_more:hover:before{transform:translateX(12px);-moz-transform:translateX(12px);-ms-transform:translateX(12px);-o-transform:translateX(12px);-webkit-transform:translateX(12px);opacity:1}
.blog_listing_2 .alm-reveal h4 a:hover,.blog_listing_2 .alm-reveal .h4 a:hover{color:#00aeef}
.blog_listing_2 .alm-reveal .blog_image a:hover:before{opacity:1}
.blog_listing_2 .read_more:hover{background:#fff;color:#00aeef}
}
@media screen and (max-width:1199px)
{
div .wpcf7-form label.error{font-size:13px;line-height:14px}
.armodal_box:before{width:66.66666667%;left:auto}
.about_our_team{min-height:573px}
}
@media screen and (max-width:1023px)
{
.about_our_team{min-height:597px}
}
@media screen and (max-width:991px)
{
    .homevideo_section img{height: 394px}
    .homevideomain {max-width: 700px;}
    .banner_video_close {margin: 0 -336px 0 0;}
    
    .tab_section > ul.nav-tabs > li {margin: 0 1px 15px 1px;}
.tab_section > ul.nav-tabs > li > .tab_btn_main > a {
    font-size: 12px;
    padding: 4px 4px;
}
.key_changes_box {
    padding: 10px 0 10px 0 !important;
}
.blog_page_bar .searchandfilter > div > ul > li > span{display:block;height:70px;width:70px;background-size:78%}
.blog_page_bar h2,.blog_page_bar .h2{line-height:70px;font-size:18px}
.armodal_box:before{display:none}
.get_started_form{}
.armodal{padding:0}
.popup_form{padding:20px 15px 10px 15px;background:#efefef;margin:0 -15px}
.popup_sidebar{padding:40px 0}
.all_features_grid img{    max-width: 55%;}
.all_features_grid{padding:50px 30px}
.contact_title_block h1{font-size:30px}
.blog_details{padding:0 0 0 145px}
.blog_sidebar{position:static;float:left;width:100%;padding:0 15px}
.related_posts ul.related_post li a.wp_rp_title{font-size:13px !important}
.about_our_team{min-height:549px}
}
@media screen and (min-width:768px) and (max-width:991px)
{
.mainNav{margin-right:10px}
.mainNav > ul >li{margin-right:0}
}
@media screen and (max-width:767px)
{
    .homevideo_section img{height: 299px}
    .homevideomain {max-width: 530px;}
    .banner_video_close {margin: 0 -251px 0 0;}
    
    .mainNav li:hover a {
    color: #ffffff;
    border-bottom: 0;
}
.blog_page_bar .searchandfilter > div > ul > li{width:100%;padding:5px 0}
.blog_page_bar .searchandfilter > div > ul > li > div{position:static}
.blog_page_bar .searchandfilter > div > ul > li+li{border-left:0;border-top:1px solid #ddd}
.blog_listing ul li{width:50%}
.blog_page_title h1, .blog_page_title .h1{font-size:24px;line-height:36px;margin:0}
.blog_listing .alm-reveal h4, .blog_listing .alm-reveal .h4{font-size:18px;line-height:24px}
.popup_form div.wpcf7-response-output{margin-bottom:30px}
.popup_form h2, .popup_form .h2{line-height:30px;font-size:20px;padding-right:20px}
.all_features_grid{padding:35px 15px}
.all_features_grid h4, .all_features_grid .h4{font-size:18px}
.blog_listing.blog_listing_archive h4, .blog_listing.blog_listing_archive .h4{font-size:18px;line-height:24px}
.blog_author_img{position:static;margin-bottom:30px}
.blog_details{padding:0}
.blog_details h2, .blog_details .h2{font-size:24px;line-height:36px}
.blog_sidebar .category_list{margin-bottom:30px}
.blog_sidebar div.html_wysija{margin-top:0}
.contact_title_block h1{line-height:initial;font-size:24px;margin:0}

.cms_page h1,.cms_page .h1{font-size:32px}
.cms_page h2,.cms_page .h2{font-size:26px}
.cms_page h3,.cms_page .h3{font-size:20px}
.cms_page h4,.cms_page .h4{font-size:18px}
.cms_page h5,.cms_page .h5{font-size:15px}
.cms_page h6,.cms_page .h6{font-size:13px}

.about_our_team{margin-top:30px}
.team_section_main h5, .team_section_main .h5{font-size:20px;margin:0}
.about_our_team{min-height:initial}
.blog_listing_2 .alm-reveal .blog_image{width:100%}
.blog_listing_2 .blog_detail{width:100%;padding:20px 0 0 0 !important}
.blog_listing_2 ul li{margin-top:30px}

/*.home-guardians-section .guardians-image-3{left: -24px;}*/
/*.home-guardians-section .guardians-image-wrapper{transform:scale(0.5);top:0}*/
/*.home-guardians-section .centers-image-col{height:245px}*/
/*.home-guardians-section .guardians-image-wrapper{min-width:580px;margin:-20px 0 0 -144px}*/
}
@media screen and (max-width:639px)
{
.armodal_box .form-group .name-of-room{width:100%}
.armodal_box .capacity-staff-section{width:100%}
.popup_form .btn-send input{min-width:210px}
.all_features_img {
    max-width: 80px;
    height: 80px;
}
.all_features_grid img{ max-width: 100%;}
.related_posts ul.related_post li{width:50% !important;clear:none !important}
}
@media screen and (max-width:567px)
{
.blog_listing ul li{width:100%}
.armodal_box .form-group > label.check_lbl{padding-left:36px}
.check_lbl .wpcf7-form-control-wrap{position:absolute;left:15px;top:0}
.popup_form .captchabox{width:100%}
.popup_form .submit_box{width:100%}
.all_features_grid{width:100%}
.all_features_grid:before{background:none !important}
.all_features_grid:nth-child(odd):before{background:#f1f3f5 !important}
.related_posts ul.related_post li a.wp_rp_thumbnail{float:none !important}
}
@media screen and (max-width:479px)
{
.contact_map_right {
    padding-top: 20px;
}
.check_lbl span.wpcf7-not-valid-tip{width:290px;top:50px;line:14px}
.blog_author_profile_content{margin-left:0}
.blog_author_profile_img{float:none}
.blog_author_profile{text-align:center}
.blog_author_profile_content h5,.blog_author_profile_content .h5{margin-bottom:20px}
.armodal_box .form-group > label.check_lbl .error{top:50px}
}