/* Minification failed. Returning unminified contents.
(139,257): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
 */
@import "font.css";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700);

*{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0; outline: none;}

body {font-size:16px; line-height:normal; color: #000; background: #fff; font-family: 'robotoregular'; margin:0; padding:0;}

html {min-height: 100%;} 

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,.nav,section,summary{ display: block;}
.audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
[hidden] { display: none;}

dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,span,strong,form,fieldset,table,th,tr,td,input,label,select,div{margin:0; padding:0;}
input, textarea, select{outline: none; resize: none;}
input[type="submit"], select {-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset !important;}


object, embed {max-width:100%!important; height:auto!important;} 

input::-webkit-input-placeholder {opacity:1; text-transform:none; color:rgba(0,0,0,0.6);}
input::-moz-placeholder {opacity:1; text-transform:none; color:rgba(0,0,0,0.6)}
input:-ms-input-placeholder {opacity:1; text-transform:none; color:rgba(0,0,0,0.6)}
input:-moz-placeholder {opacity:1; text-transform:none; color:rgba(0,0,0,0.6)}
input::-webkit-input-placeholder {opacity:1; text-transform:none; color:rgba(0,0,0,0.6)}

select option{padding: 4px 10px; color: #282828;}

b, strong{font-weight: normal;}

a {outline:none; text-decoration:none!important; color:#0089c7; -moz-transition: color 0.2s, background 0.2s, border-radius 0.2s; -o-transition: color 0.2s, background 0.2s, border-radius 0.2s; -webkit-transition: color 0.2s, background 0.2s, border-radius 0.2s; transition: color 0.2s, background 0.2s, border-radius 0.2s;}
a:active,a:hover,a:focus {outline: none!important; -moz-transition: color 0.3s, background 0.2s, border-radius 0.2s; -o-transition: color 0.3s, background 0.2s, border-radius 0.2s; -webkit-transition: color 0.3s, background 0.2s, border-radius 0.2s; transition: color 0.3s, background 0.2s, border-radius 0.2s; text-decoration: none;}
.fl {float:left!important;}
.fr {float:right!important;}
img {border:none; line-height:0; font-size:0; outline:none;max-width:100%;}
.cl {clear:both; line-height:0!important; font-size:0!important; height:0!important;}

a:hover {text-decoration:none; color:#ee7100 !important;}
.overflow_hidden {overflow-x:hidden;}
/* Required */
.hidden{opacity: 0;}
.visible{opacity: 1;}
a:focus{outline:none;}
ul{list-style: none;}
.clear, .clearfix{clear: both;}
h1, h2, h3, h4, h5, h6{font-weight: normal; line-height: normal;}

select::-ms-expand {display: none;}

h1{font-size: 36px; line-height: 40px; margin-bottom: 30px;}


.rb-black{font-family: 'Conv_Roboto-Black';}
.rb-bold{font-family: 'robotobold';}
.rb-regular{font-family: 'robotoregular';}
.rb-medium{font-family: 'robotomedium';}
.sftextregular{font-family: 'sf_ui_textregular';}
.sfmedium{font-family: 'sf_ui_displaymedium';}
.sfheavy{font-family: 'sf_ui_displayheavy';}
.sftextbold{font-family: 'sf_ui_textbold';}
.sftextheavy{font-family: 'sf_ui_textheavy';}
.sfdregular{font-family: 'sf_ui_displayregular';}
.sfdbold{font-family: 'sf_ui_displaybold'; }
.myregular{font-family:'MyriadProRegular';}
.mybold{font-family: 'MyriadPro-Bold';}
.DDCregular{font-family: 'DDCHardware-Regular';}
.opensansregular{font-family: "Open Sans";}
.opensansbold {font-family: "Open Sans";font-weight: 700;}


.border {border:1px solid !important;}
.border2{border-width: 2px !important}
.border4{border-width: 4px !important}
.border-gray {border-color: #b8b8b8 !important;}
.border-0 {border:0!important;}
.border-top-0 {border-top:0!important;}
.border-bottom-0 {border-bottom:0!important;}
.border-left-0 {border-left:0!important;}
.border-right-0 {border-right:0!important;}

.padding-0 {padding:0!important;}
.padding-top-0 {padding-top:0!important;}
.padding-bottom-0 {padding-bottom:0!important;}
.padding-left-0 {padding-left:0!important;}
.padding-right-0 {padding-right:0!important;}

.margin-0 {margin:0!important;}
.margin-top-0 {margin-top:0!important;}
.margin-bottom-0 {margin-bottom:0!important;}
.margin-left-0 {margin-left:0!important;}
.margin-right-0 {margin-right:0!important;}

.text-black{color: #282828 !important;}
.text-dark{color: #333333 !important;}
.text-gray{color: #6f6e6e !important;}
.text-white{color: #ffffff !important;}
.text-blue{color: #016897 !important;}
.text-orange{color: #ea4335 !important;}

.v-middle{vertical-align:middle !important;}

.text-left{text-align: left !important;}
.text-right{text-align: right !important;}
.text-center{text-align: center !important;}

.text-uppercase{text-transform: uppercase !important;}
.text-capitalize{text-transform:capitalize !important;}

input[type=submit]{cursor: pointer;}
select{width: 100%; background-color: #ffffff;}
.radius-2{border-radius: 3em;}

.orange-btn{background:#ea4335 !important; color: #ffffff !important;}
.orange-btn:hover{background:#ea4335 !important; box-shadow: 0 4px 0 #ea4335 inset, 0 -4px 0 #ea4335 inset, -4px 0 0 #ea4335 inset, 4px 0 0 #ea4335 inset; color: #ffffff !important;}

.orange-border-btn{border:2px solid #ea4335; color: #ea4335 !important;}
.orange-border-btn:hover{background: #ea4335 !important; color: #ffffff !important;}

.blue-border-btn{border:2px solid #0089c7; color: #0089c7 ;}
.blue-border-btn:hover{background:#0089c7 ; color: #ffffff !important;}


.bg-white{background-color: #ffffff !important;}
.bg-blue{background-color: #0089c7 !important;}
.bg-transparent{background-color:transparent !important;}

.bg-transparent-hover:hover{background:transparent !important;}

.orange-btn.bg-transparent-hover:hover{color: #ea4335 !important;}

/*Comman css section
============================================================*/
.wrapper {position: relative; margin: 0 auto;}


/*header section
============================================================*/
.header-section {position: fixed; left: 0; top: 0; width: 100%; z-index: 1; padding:36px 0 20px 0; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out transition: all .4s ease-in-out;}
.header-box {max-width: 1000px; margin: 0 auto; padding: 0;}
.header-box .logo-box {float: left; line-height: 0; color:#fff}
.header-box .logo-box a {color:#fff; line-height:50px; font-size:16px; letter-spacing:2px;  font-family: 'MyriadProRegular';}
.header-box .logo-box img{max-width: 310px; display:block;}
.header-section.fixed .header-box .logo-box img{display:block;}

.navigation {float: none;}
.header-box .side-box {padding-top: 7px; float: none; max-width:858px; margin:0 auto}
.navigation ul {list-style-type: none; float: right;}
.navigation ul li {float: left; font-size: 14px; text-transform: uppercase; margin: 0 11px; position: relative}
.navigation ul li a {color: #ffffff; margin:11px 16px 6px; display: inline-block; font-family: 'MyriadProRegular'; font-size:15.59px; border-bottom:1px solid transparent; padding:0 6px 7px; letter-spacing:2px; }
.navigation ul li a:hover { border-bottom:1px solid #fff; text-decoration:underline; color:#fff!important}
.header-section.fixed .navigation ul li a:hover{border-bottom: 1px solid #0089c7;}

.navigation ul li:last-child{margin-right:0;}
.navigation ul li ul {position:absolute; top:37px; left:16px; min-width:160px; border:1px solid #ccc; background:rgba(255,255,255,0.7); display:none}
.navigation ul li:hover ul {display:block}
.navigation ul li ul li {color:#fff; margin:0; float:none; display:block;}
.navigation ul li ul li a {color:#000; margin:0; padding:8px 15px; display:block;}
.header-section.fixed .navigation ul li ul li a {color:#000; margin:0; padding:8px 15px; display:block; font-size:14px;}
.navigation ul li ul li a:hover { border-bottom:1px solid transparent; background:#3bb6d5; display:block;}
.fixed {background: rgba(255,255,255,0.9); padding: 10px 0; box-shadow:0 0 4px rgba(0,0,0,0.5);}
.header-section.fixed .navigation ul li a {color: #0089c7}
.header-section.fixed .navigation ul li a:hover {color: #0089c7!important}
.header-section.fixed .navigation ul li ul li a:hover {color: #fff!important}



/*banner section
============================================================*/
.banner-wrapper {position: relative; overflow: hidden;}
.banner-section {padding:280px 0 75px; background: url(../images/home-banner-img.jpg) no-repeat 50% 0/cover; min-height:554px; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.banner-box {width: 100%; padding:0 10px;} 
.banner-box2 {width: 100%; padding:0 10px;} 
.banner-contentbox{width: 100%;}
.banner-contentbox h2 {font-size:73px; font-weight:700; line-height: 78px; font-family: 'Open Sans';}
.banner-contentbox p {font-size:26px; font-family: 'Open Sans'; margin-bottom: 20px; text-transform:uppercase;}
.banner-contentbox .btn{font-size:24px; display: inline-block; padding:14px 40px; margin-top: 50px;}
.knowledgeFlo-logo{ display: block; margin-bottom: 34px; width:589px; margin:0 auto; max-width:100%; }
.knowledgeFlo-logo img {width:100%;}


.mouse-wrap{ bottom:138px; display: inline-block; left: 50%; position: absolute;}
.mouse{left: 50%; position: absolute; top: 0; width: 100px;margin-left: -50px;}
.mouse-wrap p {letter-spacing: 8px; color: #ffffff; position:absolute; left:50%; top:95px;  margin-left:-36px;}






/*featured-section 
============================================================*/

.manage-flow-section{  padding:80px 0;}
.manage-flow-box{max-width: 980px; margin: 0 auto; background:url(../images/manage-flow-bg.png) center top no-repeat; position: relative; text-align: center;}
.manage-flow-left-box{position: absolute; left: 0; top: 0}
.manage-flow-right-box{position: absolute; right: 0; top: 0 }
.manage-flow-content-box{max-width: 420px; margin: 0 auto; padding-top: 224px;}
.manage-flow-box img{margin-bottom: 104px;}
.manage-flow-box p{line-height: 24px; font-size:18px; margin-bottom: 26px;}


/*featured-section 
============================================================*/

.featured-section{background:#fff; padding: 80px 0; background:url(../images/featured-section-bg.png) no-repeat bottom center; background-size:cover; padding-bottom:50% }
.featured-box{max-width: 1000px; margin: 0 auto;}
.featured-text span{width: 190px; display: inline-block; vertical-align: middle; margin: 0 30px;}
.featured-content-box ul{ padding-top: 24px;}
.featured-content-box li{display: inline-block; font-size: 18px; width: 24%; vertical-align: top; color: #282828; padding: 0 10px; line-height: 24px;}
.featured1, .featured2, .featured3, .featured4{margin:0 auto 14px auto;}
.featured1 img, .featured2 img, .featured3 img, .featured4 img{ max-width:128px;}
.featured-content-box li p {font-size:16.57px; color:#000000; font-family: 'MyriadProRegular'; line-height:normal}
.featured-section h4 {font-size:21.88px; color:#666666; padding-bottom:12px; text-transform:uppercase; font-family: 'Open Sans';}
.featured-section h1, .featured-section h2 {font-size:59px; color:#666666; padding-bottom:5px;  letter-spacing:1px; font-family: 'Open Sans'; font-weight:800; line-height:68px; max-width:1000px; margin:0 auto; padding-bottom:52px;}
.featured-section article { max-width:910px; margin:0 auto}
.featured-section article aside { float:left; width:46%; text-align:left;}
.featured-section article aside p {color:#656b6f; font-size:16px; line-height:20px; font-family: 'MyriadProRegular'; padding:0 0 20px;}
.featured-section article aside p.large-text { font-size:24px; line-height:30px; color:#656b6f; font-family: 'MyriadPro-Bold';}
.featured-section article aside.right { float:right;}

.flchat-box{padding:80px 0;}
.flchat-box p{font-size:24px; color: #282828; line-height:30px; margin-top: 4px; font-family: 'Open Sans';}
.flchat-box p span{display:block; font-weight: 700;}
.flchat-content-box{display: inline-block; max-width: 660px; padding:40px 90px 0 70px; width: 50%;}
.flchat-image-box{display: inline-block; max-width: 640px; padding-top: 48px; overflow: hidden; box-shadow: 0 0 50px rgba(0,0,0,0.20); width: 50%;}
.flchat-image-box.fr{background: #ffffff url(../images/bullet-img.png) 4% 18px no-repeat; border-radius: 10px 0 0 10px;}
.flchat-image-box.fl{background: #ffffff url(../images/menu-img.png) 96% 18px no-repeat; border-radius: 0 10px 10px 0;}
.flchat-box-blue{background:#ebf6fb;}
.flchat-image-div{line-height:0;}
.flchat-content-box a{display:block;}
.flchat-image-box .flchat-image-div img{width:100%;}

/*investor section
============================================================*/
.investor-section {padding:12px 0 50px; background:#04518c;}
.investor-box {max-width: 960px; margin: 0 auto; text-align: center;}
.investor-box h2{font-size:52px; line-height:55px; margin-bottom:30px;}
.video-section iframe{border:2px solid #ffffff; width:643px; height:363px;} 
.investor-box blockquote{position:relative; padding:50px 99px 0 99px; color:rgba(255,255,255,0.70) !important; font-size:24px; line-height:30px;}
.investor-box blockquote:after{background:url(../images/blockquote-left.png) left bottom no-repeat; width:78px; height:56px; position:absolute; left:12px; top:22px; content:"";}
.investor-box blockquote:before{background:url(../images/blockquote-right.png) left bottom no-repeat; width:78px; height:56px; position:absolute; right:9px; bottom:-4px; content:"";}


.poweredby{font:20px 'sf_ui_textregular'; color:#ffffff; position: absolute; right: 30px; bottom: 30px;}
.poweredby a{display:inline-block; vertical-align:middle; /*height:57px; width: 107px;*/ margin-top: -10px; margin-left:8px;}
.poweredby img { width: 160px;}
.header-section .knowledgeFlo-white-logo, .header-section.fixed .fixed-logo {display:block; color:#026897;}
.header-section .knowledgeFlo-white-logo:hover{color:#ffffff !important;}
.header-section.fixed .fixed-logo:hover{color:#026897 !important;}
.header-section .fixed-logo, .header-section.fixed .knowledgeFlo-white-logo{display:none}


/*home request demo section
============================================================*/

.home-request-demo-section{padding:55px 0 46px 0; background:#ffffff;}
.home-request-demo-box{max-width:510px; margin:0 auto;}
.home-request-demo-box img{margin-bottom: 15px;}
.home-request-demo-box h2{font-size:52px; color:#4d4d4d; line-height:55px; margin-bottom: 16px;}
.home-request-demo-box p{font-size:24px; line-height:26px; color:#4d4d4d; margin-bottom:28px;}
.home-request-demo-box .btn{background:#2e71f2 ; color: #ffffff ; border:2px solid #2e71f2; border-radius:48px; min-width:360px; height:99px; line-height:99px; display:inline-block; font-size:26px; letter-spacing:3px;}
.home-request-demo-box .btn:hover{ color: #2e71f2 !important; background:#ffffff;}

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

footer{padding:32px 0; background:#3b3d40;}
footer .wrapper{max-width: 1080px;}
.foot-logo{max-width:268px; display: inline-block; vertical-align: top;}
.info-box{width:37%; display:inline-block; vertical-align:top; padding-left:80px; font-size:15px; color:rgba(255,255,255,0.30); line-height:19px;}
.info-box a{color:rgba(255,255,255,0.30); display:table; margin-top:10px;}
.info-box a:hover{color: #3bb6d5 !important;}
.copyright-box{width:35%; display:inline-block; vertical-align:top; padding-left:80px; font-size:12.74px; color:rgba(255,255,255,0.30);}
.copyright-box small{display: block; margin-bottom: 6px;}
.copyright-box small img{vertical-align:middle; margin-left: 10px; margin-top: -8px;}


/*Other css section
============================================================*/
.desktop-view {display: block!important;}
.mobile-view {display: none!important;}
.ipad-desktop-view {display: block;}
.ipad-view {display: none;}
.ipad-large-view {display: none;}



/* Initial menu */
.menu {background: #1f1f1f; right: -300px; height: 100%; position: fixed; width: 300px; z-index:9; padding:25px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

.icon-close {cursor: pointer; text-align: right;}
.icon-close img {-webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -ms-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}
.icon-close img:hover {-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);}
.icon-menu {float: right;}
.icon-menu i { margin-right: 5px; }

.glossy-menu {display: inline-block; margin:20px 0 0; width: 100%;}
.glossy-menu ul {list-style-type: none; text-align: left; padding: 0 0 30px;}
.glossy-menu ul li {display: block; position: relative;}
.glossy-menu ul li a {color: #6c6d70; display: inline-block; font-size: 14px; margin-bottom: 6px; padding: 6px 10px; text-decoration: none; text-transform: uppercase; width: 100%;}
.glossy-menu ul li a:hover {color: #ffffff !important; background:#026897; text-decoration: none;}
.glossy-menu ul li ul{padding-bottom:0px; padding-left: 20px}
.collapsed, .expanded{position:relative;}
.collapsed:before, .expanded:before{background:url(../images/bottom-arrow-blue.png) right center no-repeat; content: ""; height: 9px; margin-top: -5px; position: absolute; right:10px; top: 50%; width: 16px;
filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%);}
.collapsed:before{transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg);}
.collapsed:hover:before, .expanded:hover:before{filter: grayscale(100%) brightness(3); -webkit-filter: grayscale(100%) brightness(3); -moz-filter: grayscale(100%) brightness(3); -o-filter: grayscale(100%) brightness(3);}




/*SignUp Form css start here*/

.form-inner {background: #f4f9ff; border-radius: 8px; max-width: 600px; margin:0 auto;padding: 30px; font-size: 16px;}
.form-content{margin-bottom: 10px; padding-bottom: 0px; line-height: 20px;}
.form-inner-login {margin:0 auto; text-align: center; }
.form-inner .form-row {margin: 0 0 8px; width: 100%; float: left;} 
.form-inner .form-row-lft {padding:0; width: 49%; float: left}
.form-inner .form-row-rgt {padding:0; width: 49%; float: right; padding-left: 1%; }
.form-inner .form-row input, .form-inner .form-row select, .form-inner .form-row textarea{width: 100%; height: 40px; padding: 6px 20px; background-color: #ffffff; font-size: 14px;}
.form-inner .form-row select{color:#0089c7;}
.form-inner .form-row .lang select{padding-left: 54px;}
.form-inner .form-row input[type="submit"] {display: block; text-align: center; margin:0 auto; -moz-transition: all 500ms ease 0s; -o-transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; transition: all 500ms ease 0s; font-size: 24px; height: 50px; }
.form-inner .form-row input[type="submit"]:hover{background:transparent !important; color:#ea4335 !important;}
.form-inner-login .lang{overflow: hidden;}
.lang .select-style:after{border-radius:0; border:0; top:0; right:0; height: 64px; padding: 0; width: 18px;}
.form-inner .lang .form-row-lft {width: 17%; margin: 0;}
.form-inner .lang .form-row-rgt{width:82%;}
.form-inner-login .contact{color: #000; background: url(../images/lang-icon.png) no-repeat 24px center;}
.form-content h3{font-size:24px;line-height:normal; padding-bottom:10px;}
.form-inner-login .error{color:#f72f1b; font-size:12px; text-align:left;}
.form-inner-login .error span {text-align: left; display: block; padding:0 0 0 28px;}
.intl-tel-input{width:100%;}
.form-row .intl-tel-input .selected-flag .iti-arrow{right: -4px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #00a4f2;}
.form-row .intl-tel-input.separate-dial-code .selected-dial-code{text-align:left;}
.popup_background{background: rgba(1,0,19,0.90) !important;}
.interactive-demo-box small{color:#ffffff; font-family:'sf_ui_displayregular';}
#html_element3 div{margin:0 auto;}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.select-style select {padding-right:30px;}
}
.select-style{position: relative;}
.select-style:after {content: ""; position: absolute; top: 2px; right: 0px; bottom: 0; padding: 0 20px; background: #ffffff url(../images/bottom-arrow-blue.png) no-repeat center center; color:#000000; pointer-events:none; height: 36px; border-radius: 0 30px 30px 0; border-right: 1px solid #b8b8b8;}


.checkbox input {display: none;}
.checkbox span {cursor: pointer; background: url(../images/uncheck.png) 0 0 no-repeat; vertical-align: middle; padding:0 10px 0 0; display: inline-block;}
.checkbox span:before {display: inline-block; content: ''; width: 24px; height: 24px; }
.checkbox :checked + span { background: url(../images/checked.png) 0 0 no-repeat;}


#fadeandscale, #fadeandscaletour, #fadeandscalecontact {-moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8);}
.popup_visible #fadeandscale, .popup_visible #fadeandscaletour, .popup_visible #fadeandscalecontact {-moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); margin: 40px 0;}
.close{background: #f4f9ff url(../images/close-icon.png) center center no-repeat; width: 48px; height: 48px; border-radius: 50%; position: absolute; right: -13px; top: -13px; cursor: pointer;}



/*pilot Tour page css start here*/

.pilot-banner{background: url(../images/pilot-banner-img.jpg) no-repeat 50% 0/cover; min-height: inherit; height: 600px; padding-top: 220px;}
.pilot-banner h1{font-size: 80px; line-height:84px;}
.pilot-banner h1 span{font-size:60px; display: block; line-height: normal;}
.pilot-content-section{padding: 60px 0; }
.pilot-content-box{max-width: 986px; margin: 0 auto; font-size: 18px;}
.pilot-content-box h2{color: #aaa9a9; font-size: 36px; line-height: 43px; }
.pilot-content-box p{margin-top:26px;}

.pilot-city-section{background: #ebf6fb; padding: 60px 0;}
.pilot-city-box{max-width: 1027px; margin: 0 auto;}
.pilot-city-box h3{font-size:30px; line-height: 40px; }
.pilot-city-box ul{margin-top: 40px;}
.pilot-city-box li {display: inline-block; vertical-align: top; border: 1px solid #bac2c6; border-radius: 8px; padding: 30px 10px 30px 30px;margin: 10px; text-align: left; width: 320px; -webkit-transition: all 0.2s ease 0.2s; -moz-transition: all 0.2s ease 0.2s; -o-transition: all 0.2s ease 0.2s; transition: all 0.2s ease 0.2s;}
.pilot-city-box li .city-name{display: block; font-size: 36px; background: url(../images/map-marker.png) left center no-repeat; padding-left: 39px; line-height: 34px; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden;}
.pilot-city-box li .city-time{display: block; font-size: 24px; line-height: 30px; margin: 13px 0 20px 0;}
.pilot-city-box li .btn{display: block; max-width: 200px; padding: 6px 15px;}
.pilot-city-box li:hover{background: #ffffff; box-shadow: 0 0 10px rgba(0,0,0,0.5) }
.pilot-city-box li:hover .btn{background: #0089c7; color: #ffffff;}



/*community page css start here*/

.community-banner{background: url(../images/community-banner-img.jpg) no-repeat 50% 0/cover; min-height: inherit; height:566px; padding-top: 240px;}
.communityflo-section{background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 4%, rgba(244,187,175,1) 54%, rgba(248,212,205,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 4%,rgba(244,187,175,1) 54%,rgba(248,212,205,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 4%,rgba(244,187,175,1) 54%,rgba(248,212,205,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8d4cd',GradientType=0 ); /* IE6-9 */
padding-top:80px;}
.communityflo-section img{margin:0 auto; display:block;}
.communityflo-section .featured-section{background:transparent; padding:0px 0 100px 0;}
.communityflo-section .performers-bg-img, .decision-mid-section .performers-bg-img{margin-bottom:-4px;}
.communityflo-section article aside p{font-size:24px; line-height:30px; color:#656b6f;}
.communityflo-section .featured-section article {margin: 0 auto; max-width: 1000px;}
.community-content-section {padding: 52px 0; border-top:1px solid #000000;}
.community-content-box {margin: 0 auto; max-width: 970px;}
.community-content-section h2 {color: #656b6f; font-size: 32px; line-height: 40px; text-align:right;}
.community-content-section h2 img{max-height:80px; float:left; margin-top:-10px;}
.request-demo-section{padding-top: 70px;}
.request-demo-box{max-width: 1040px; margin:0 auto;}
.request-demo-box h2{font-size: 24px; line-height: 29px;}
.demo-screen-image{margin:0 0 -4px;}

.request-talentflo-demo-box .demo-screen-image{margin-left:-25px; margin-right:-25px}
.components-logo-box{margin-top:50px;}
.components-logo-box div{display: inline-block; margin:0 8px; vertical-align: middle; width:28%;}
.components-logo-box a{display: inline-block;}
.subscribe-section {background: #000000 url("../images/bottom-banner.jpg") no-repeat center bottom / cover; padding:28px 0;}
.subscribe-box {margin: 0 auto; max-width: 1030px; text-align: center;}
.subscribe-box p{font-size: 18px;margin-bottom: 18px;}
.subscribe-form{font-size: 14px; color: #696969;}
.subscribe-form input{border-radius: 30px; padding:6px 30px; border:2px solid #ffffff; height: 50px; width: 300px;margin: 0 8px; font-size: 14px;}
.subscribe-form input.subscribe-btn{color: #ffffff; font-size: 16px; width: 220px;}
.subscribe-form input.subscribe-btn:hover{color:#ea4335; background: #ffffff !important}





/*TalentFlo page css start here*/

.talentflo-banner{background: url(../images/talentflo-banner-img.jpg) no-repeat 50% 0/cover; min-height: inherit; height: 566px; padding-top: 240px;}
.talentflo-content-section {padding: 52px 0;}
.talentflo-content-box {margin: 0 auto; max-width: 976px;}
.talentflo-content-section h2 {font-size: 31.05px; line-height: 37px;}
.request-talentflo-demo-box{max-width: 1100px; margin:0 auto;}
.request-talentflo-demo-box h2{max-width: 990px; margin:0 auto;}
.request-talentflo-demo-box li{ padding: 0 20px; width: 33%;}
.featured-section article aside p b{display:block; margin-bottom:4px;}
.talentflo-featured-section{padding-bottom:65px; background: rgb(255,255,255); 
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(173,217,230,1) 100%); 
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(173,217,230,1) 100%); 
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(173,217,230,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#add9e6',GradientType=0 ); }
.feedback-process-section{background:#cfcfcf;}
.feedback-process-box{max-width:1050px; margin:0 auto;}
.feedback-process-box img{margin-bottom: -4px;}
.featured-performer-box{background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(175,218,231,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(175,218,231,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(175,218,231,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#afdae7',GradientType=0 ); /* IE6-9 */padding:80px 0 0px; margin-bottom:-4px;}
.featured-performer-section{ background: transparent; padding: 0;}


/*TrainingFlo page css start here*/

.training-banner{background: url(../images/trainingflo-banner-img.jpg) no-repeat 50% 0/cover; min-height: inherit; height: 566px; padding-top: 240px;}
.training-content-section {padding: 52px 0 50%; background:#fbf9f9 url(../images/reimagines-img.jpg) center bottom / 100% no-repeat;}
.training-content-box {margin: 0 auto; max-width: 610px;}
.training-content-section h2 {font-size: 31.05px; line-height: 37px;}
.trainingflo-for-content-section{background: #fbfcfe; padding:30px 0 20px;}
.trainingflo-for-content-box{margin: 0 auto; max-width: 986px;}
.trainingflo-for-content-section h3 {font-size: 24px; line-height: 30px; color:#656b6f;}
.request-demo-box h2 img, .trainingflo-for-content-box h2 img{filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -o-filter:grayscale(100%);}

.request-trainingflo-demo-box{max-width:870px; margin:0 auto; color:#656b6f;}
.request-trainingflo-demo-box p{font-size:24px;}
.request-trainingflo-demo-section{background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 65%, rgba(175,218,231,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 65%,rgba(175,218,231,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 65%,rgba(175,218,231,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#afdae7',GradientType=65 ); /* IE6-9 */
padding-bottom:125px;}
.request-demo-section h2, .trainingflo-for-content-box h2{font-size:50px;margin-bottom: 30px;}
.request-demo-box article {margin: 0 auto; max-width: 910px;}
.request-demo-box article aside {float: left; text-align: left; width: 46%;}
.request-demo-box article aside p {color: #656b6f; font-family: "MyriadProRegular"; font-size: 24px; line-height: 30px; padding: 0 0 20px; padding-bottom: 70px;}
.request-demo-box article aside.right {float: right;}
.classroom-demo-section{padding-bottom:30px;}
.performers-bg-img{width:100%; margin:0 auto;}
ul.classroom-demo-content-list{background:url(../images/training-course-content-bg-img.png) top center no-repeat;  padding:82px 0 78px; margin-top:60px; min-height:310px;}
ul.classroom-demo-content-list li{display:inline-block; text-align:left; vertical-align: top; width:33%; color:#656b6f; font-size:14px; line-height:21px; padding: 0 63px; box-sizing:border-box;}
ul.classroom-demo-content-list li:first-child { padding-left:85px;}
ul.classroom-demo-content-list li:nth-child(3) { padding-left:32px;}
ul.classroom-demo-content-list li h2{font-size:18px; line-height:18px;  margin-bottom: 12px}
.trainingflo-for-content-box aside{width:54%; display:inline-block; vertical-align:top}
.trainingflo-for-content-box aside.left{width:44%; padding-top: 50px;}
.training-content-box h4 {color: #666666; font-family: "Open Sans"; font-size: 18px; padding-bottom: 12px; text-transform: uppercase; }
.training-content-box h1 {color: #666666; font-family: "Open Sans"; font-size: 50px; font-weight: 800; letter-spacing: 1px; line-height: 56px; margin: 0 auto; max-width: 850px; padding-bottom: 28px;}
.training-content-box p{font-size:24px; line-height:30px;}
.precourse-content-section img{width:99%;}



/*decisionflo page css start here*/

.decision-banner{background: url(../images/decisionflo-banner-img.jpg) no-repeat 50% 0/cover; min-height: inherit; height: 566px; padding-top: 240px;}
.request-decision-demo-box{margin: 0 auto; max-width: 1300px;}
.decision-content-section{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+4,add9e6+37,e5e5e5+69 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 4%, rgba(173,217,230,1) 37%, rgba(229,229,229,1) 69%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 4%,rgba(173,217,230,1) 37%,rgba(229,229,229,1) 69%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 4%,rgba(173,217,230,1) 37%,rgba(229,229,229,1) 69%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
padding-top:65px;}
.Redefines-section{max-width:860px; margin:0 auto;}
.Redefines-section h1{ color: #666666; font-size: 50px; line-height: 56px; margin: 0 auto; padding-bottom: 24px;}
.Redefines-section h4{color: #666666; font-size: 18px; padding-bottom: 12px; text-transform: uppercase;}
.Redefines-section p{font-size:24px; line-height:normal;}
.Advantages-section {margin-top: 48px;}
.Advantages-section aside.Advantages-img-box{width:38%; display:inline-block; vertical-align:top}
.Advantages-section aside.Advantages-content-box{width:60%; display:inline-block; vertical-align:top; padding:50px 214px 0 55px;}
.Advantages-content-box p{font-size:24px; line-height:normal; margin-bottom:8px;}
.Advantages-section .featured-content-box{max-width:1000px; margin:46px auto 80px auto;}
.decisionflo-featured-section{background:transparent; padding:0 0 56px; margin-top:-68px;}
.decisionflo-featured-section.featured-section h2{padding-bottom:36px;}
.decisionflo-featured-section.featured-section p{font-size:24px; line-height:normal;}


/*AboutUs page css start here*/

.banner-section.about-banner{background: url(../images/ourstory-banner-img.jpg) no-repeat 50% 0/cover; min-height:585px; padding-top: 244px}
.about-banner .banner-contentbox h2{font-weight: normal; font-size: 130px;}
.aboutus-investor-section .investor-box li{height: 236px;}
li.upcoming-event-box{background-color: #ef7100;}
li.schedule-demo-box{background-color: #00a4f2;}
li.contact-us-box{background-color: #7cb700; margin-right: 0px;}
.aboutus-contant-section{background-color: #ebf6fb; padding: 60px 20px;}
.aboutus-contant-box{max-width: 1240px; margin:0 auto; font-size: 24px; line-height: 29px;}
.aboutus-contant-box h1{font-size: 48px; line-height: 54px;}
.aboutus-contant-box p{margin-bottom: 26px;}
.about-logo-section{margin-bottom:26px;}
.about-logo-section a{display: inline-block; margin-right:30px;}
.about-logo-section a:last-child{margin-right: 0px;}
.about-logo-section img {max-height: 60px;}
.form-inner .form-row textarea{height: 100px; border-radius: 10px; font-family: "robotoregular";}
.desktop-mbl-menu{margin-left: 30px; display:none;}


.four-components-container {background:#d4d4d4 url(../images/component-bg.jpg) no-repeat bottom left; background-size:100% auto; padding: 80px 0 33%;}
.four-components-container .four-components {max-width:930px; margin: 0 auto;}
.four-components-container .logo-left {float:left; max-width:486px; padding-left:23px;}
.four-components-container .right-text {float:left; font-size:39px; color:#656b6f; text-transform:uppercase; font-family: 'DDCHardware-Regular'; padding-top:12px; padding-left:30px;}
.four-components-container .components {float:left; width:45%; max-width:411px;}
.four-components-container .row { padding-top:35px;}
.four-components-container .row .components:nth-child(2){float:right;}
/*.four-components-container .row { padding-top: 35px; max-width: 657px; margin: 0 auto;}*/
.four-components-container .components figure {margin-bottom:33px;}
.four-components-container .components p { min-height:83px; font-size:16px; line-height:20px; color:#656b6f}


/*investor section
============================================================*/
.investor-section {padding: 70px 0; background:#000000 url(../images/bottom-banner.jpg) bottom center / cover no-repeat;}
.investor-box {max-width: 1030px; margin: 0 auto; text-align: center;}
.investor-box li{width: 32%; display: inline-block; vertical-align: top; height: 300px; border-radius:8px; margin: 0 16px 0 0;}
.investor-box li:last-child{margin-right:0px;}
.investor-box a { display: block; height: 100%; padding: 30px 35px;}
.investor-box li img{margin-bottom: 16px;}
li.interactive-demo-box{background:#ea4335;}
li.one-on-one-box{background:#00a4f2;}
li.next-generation-box{background:#7cb700; margin-right:0;}
.investor-box p{color: #ffffff; font-size: 20px;}


.hvr-float-shadow::before {background: rgba(255,255,255,0) radial-gradient(ellipse at center center , rgba(255,255,255, 0.35) 0, transparent 80%) repeat scroll 0 0; content: ""; height: 10px; left: 5%; opacity: 0; pointer-events: none; position: absolute; top: 100%; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-property: transform, opacity; -o-transition-property: transform, opacity; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; width: 90%; z-index: -1;}
.hvr-float-shadow { box-shadow: 0 0 1px transparent; display: inline-block; position: relative; -moz-transform: perspective(1px) translateZ(0); -ms-transform: perspective(1px) translateZ(0); -o-transform: perspective(1px) translateZ(0); -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-property: transform; -o-transition-property: transform; -webkit-transition-property: transform; transition-property: transform; vertical-align: middle; }
[class^="hvr-"] {background: #e1e1e1 none repeat scroll 0 0; color: #666; cursor: pointer; margin: 0.4em; padding: 1em;
text-decoration: none;}
.hvr-float-shadow:hover::before, .hvr-float-shadow:focus::before, .hvr-float-shadow:active::before {opacity: 1; -moz-transform: translateY(5px); -ms-transform: translateY(5px); -o-transform: translateY(5px); -webkit-transform: translateY(5px); transform: translateY(5px);}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {-moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); -webkit-transform: translateY(-5px); transform: translateY(-5px);}

/* Responsive css
============================================================*/
@media screen and (max-width:1120px) {
.pilot-city-box li{margin-left: 6px; margin-right: 6px;}	
.request-talentflo-demo-box .demo-screen-image {width: 35%;}
.footer-box{padding-left:15px; padding-right:15px;}

}


@media (min-width: 1024px) and (max-width:1200px) {  
	
.flchat-image-box{max-width: 50%;}
.flchat-content-box{max-width: 50%; padding-left: 20px !important; padding-right: 20px !important;}
.banner-contentbox h2{font-size: 54px;}

}	


@media (min-width: 768px) and (max-width:1023px) {  
	.copyright-box{width:36%; padding-left: 20px;}
    .info-box{ width: 26%; padding-left: 20px;}
    

}	

@media screen and (max-width:768px) {    
h1 {font-size: 28px; line-height: 32px;}
.header-section{padding:15px;word-break: break-all;}
.header-box{padding:0px;}
.header-box .logo-box{width: 60%; max-width: 320px;}
.header-box .logo-box img{max-width: 100%;}
.banner-section{padding:150px  15px 96px 15px;}
.banner-contentbox p{font-size: 22px; margin-bottom: 10px;}
.banner-contentbox h2 {font-size: 30px; line-height: 34px;}
.banner-contentbox .btn{width: auto; font-size: 16px; margin:20px 0 0; padding: 15px 10px;}

.knowledgeFlo-logo{margin-bottom: 14px;}
.poweredby{font-size:15px;}
.poweredby a{ width: 80px;}
.featured-content-box br{display: none;}

.featured-text span{width: 14%; margin: 0 2%;}
.manage-flow-left-box{position: inherit; text-align: left;}
.manage-flow-right-box{right: 15px;}
.manage-flow-content-box{padding: 0px;}
.manage-flow-box img {margin-bottom: 10px;}
.manage-flow-box p{margin: 0px;}
.manage-flow-left-box img, .manage-flow-right-box img {width:140px;}

.manage-flow-section{width: 100%; padding: 30px 15px;}
.manage-flow-box{padding: 0 ;}

.featured-section, .four-components-container{padding-top:30px;}
.flchat-section{padding-bottom: 0;}
.flchat-image-box{width: 100%;}
.flchat-box{padding:0;}
.flchat-content-box{width: 100%;padding:40px 15px 45px 15px  !important;}
.flchat-box p {font-size: 20px; line-height: 26px;}
.investor-section {padding: 30px 0; background-repeat: repeat-y; background-position: top center}
.investor-box li{width: 100%; max-width: 330px; margin: 0px 0 20px;}
.form-inner{padding: 20px;}
.popup_visible #fadeandscale, .popup_visible #fadeandscaletour, .popup_visible #fadeandscalecontact{padding-right: 20px; padding-left: 20px; width: 100%;}
#fadeandscale .close, #fadeandscaletour .close, #fadeandscalecontact .close{right: 12px;}
.form-inner h1 {font-size: 22px; line-height: 26px; margin-bottom: 10px;}
.form-content{margin-bottom: 22px; padding-bottom: 22px;}
.form-inner .form-row-lft{width: 100%; margin-bottom: 20px;}
.form-inner .form-row-rgt {width: 100%;}
.form-inner .checkbox{font-size: 13px;}
.form-inner .form-row input[type="submit"]{width: 100%; padding: 16px; font-size: 18px; height: 64px;}

.ipad-desktop-view {display: none;}
.ipad-view {display: block;}
.desktop-view {display: none!important;}
.mobile-view {display: block!important;}
.desktop-mbl-menu { display:block}
.mouse-wrap{display:none;}
.banner-section {/*height: 400px;*/ height: auto; min-height: inherit;}
.pilot-city-box br{display: none;}
.pilot-content-section{padding: 30px 0;}
.pilot-content-box{padding:0 15px;font-size: 14px;}
.pilot-content-box h2 {color: #aaa9a9; font-size: 26px; line-height: 34px;}
.pilot-content-box p {margin-top: 16px;}
.pilot-city-section{padding: 30px 0;}
.pilot-city-box ul {margin-top: 20px;}
.pilot-city-box li .city-name{font-size: 30px;}
.pilot-city-box li .city-time{font-size: 20px; line-height: 25px;}
.pilot-city-box{padding: 0 15px;}
.pilot-city-box h3 {font-size: 22px; line-height: 30px; }
.pilot-banner h1 {font-size: 38px; line-height: 46px;}
.pilot-banner h1 span {font-size: 29px;}
.banner-section.pilot-banner {height: 380px;}


.training-content-section, .trainingflo-for-content-section, .request-demo-section, .community-content-section, .talentflo-content-section, .decision-content-section, .aboutus-contant-section{padding:30px 15px;}
.training-content-section h2, .community-content-section h2, .talentflo-content-box h2, .decision-content-section h2{font-family: sf_ui_displaymedium; font-size: 20px; line-height: 26px;}
.trainingflo-for-content-section h2{font:27px 'sf_ui_displaymedium'; margin-bottom: 0px;}
.trainingflo-for-content-section h3{font:16px/24px 'sf_ui_displaymedium';}
.request-demo-box ul {padding:20px 0 ;}
.request-trainingflo-demo-box li{width: 32%;}
.classroom-demo-content-list li{width: 49%; padding: 0 10px 0 0;}
.subscribe-form input{width: 32%;}
.components-logo-box div{width: 32%; padding: 0 20px;}
.request-talentflo-demo-box .demo-screen-image {margin-left: -10px; margin-right: -10px;}
.aboutus-contant-box h1 {font-size: 24px; line-height: 29px; margin-bottom: 15px;}
.aboutus-contant-box p{font-size: 18px; line-height: 24px; margin-bottom: 15px;}
.about-banner .banner-contentbox h2{ font-size: 56px;}
.desktop-mbl-menu{margin-left: 0px; width: 24px;}
.featured-box, .four-components-container .four-components, .investor-box, .home-request-demo-box, .footer-box{padding:0 15px;}
.header-box .side-box{max-width:inherit;}
.featured-section article aside.mobile-view{display:none !important;}
.featured-section article aside.desktop-view{display:block !important;}


}

@media screen and (max-width:767px) {
    .header-box .logo-box a{line-height:24px;}
    .header-box .side-box{padding:0px;}
    .featured-section h4{ font-size: 14px;}
    .featured-section h1{ font-size: 19px; line-height: 30px; letter-spacing:normal; padding-bottom: 15px;}
    .featured-section article aside{width:100%;}
    .featured-section article aside p.large-text{font-size: 19px; line-height: 24px;}
    .featured-content-box aside p .moreText {display:none;}
    .featured-content-box aside p a.more {display:table; background:url(../images/readmore-icon.png) left center / 20px auto no-repeat ; color:#656b6f; padding-left:26px; font-family: 'DDCHardware-Regular'; margin-top:4px;}
    .featured-content-box aside p a.more:hover{color:#656b6f !important;}
    .featured-content-box li p{font-size: 15px;}
    .featured-content-box li{padding:0px; margin-bottom: 20px;}
    .featured-content-box ul {padding-top: 10px;}
    .four-components-container .logo-left,
    .four-components-container .right-text{width:100%; padding:0px;}
    .four-components-container .right-text{font-size:28px;}
    .investor-box h1 {font-size: 22px; line-height: 30px;}
    .investor-box h1 br{display:none;}
    .investor-box blockquote{padding: 30px 30px 0; font-size: 17px; line-height: 22px;}
    .investor-box blockquote::after{background-size:30px auto; width:30px; height:24px; left:0px;}
    .investor-box blockquote::before{background-size:30px auto; width:30px; height:24px; right:0px;}
    .home-request-demo-section, footer{padding:30px 0;}
    .foot-logo{display:none;}
    .info-box{margin-bottom:30px}
    .info-box, .copyright-box{width: 49%; padding-left:0px; text-align:left !important;}
    .featured-section article aside.mobile-view{display:block !important;}
    .featured-section article aside.desktop-view{display:none !important;}
    .training-banner { background:url("../images/trainingflo-banner-img-mobile.jpg") no-repeat 0 0 / 100% auto; }
    .header-box .logo-box {max-width:230px; }
    .training-content-box h1 { font-size:26px; line-height:30px; padding-bottom:15px;}
    .training-content-box h4 { font-size:20px; padding-bottom:15px;}
    .training-content-box p { font-size:15px; line-height:20px; text-align:center!important; }
    .training-content-section { padding-bottom:50%;    }
    .trainingflo-for-content-box h1 { font-size:30px;}
    .trainingflo-for-content-box .for-content-logo { max-width:260px; margin:0 auto 25px;}
    .trainingflo-for-content-box aside.left {float:none; width:auto; padding: 0 0 15px; font-weight:normal; font-size:15px; line-height:20px; }
    .trainingflo-for-content-section h3 { font-weight:normal; font-size:15px;  font-family: 'sf_ui_displayregular'; text-align:center!important; padding-bottom:10px; line-height:normal}
    .trainingflo-for-content-box aside { width:auto;}
    .trainingflo-for-content-box aside .for-content-img { max-width:300px;}
    .request-demo-section h1, .trainingflo-for-content-box h1 { font-size:30px;}
    .request-demo-section .for-content-logo { max-width:260px; margin:0 auto 25px;}
    .trainingflo-for-content-section { padding-bottom:0}
    .request-demo-box article aside p { font-weight:normal; font-size:15px; font-family: 'sf_ui_displayregular'; text-align:center!important; padding-bottom:0; line-height:normal; margin-bottom:15px!important}
    .request-demo-box article aside {float:none; width:auto; padding:0 15px;}
    .request-trainingflo-demo-box {padding:0 15px;}
    .pre-cource-btm-img { overflow:hidden;}
   .pre-cource-btm-img img {margin: 0 -95%; max-width: unset; width: 740px;}
    .request-demo-box p {font-size:15px; line-height:20px; text-align:center!important    }
    .request-demo-section { padding-left:0; padding-right:0; padding-bottom:0}
    .request-trainingflo-demo-section { background:rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 75%, #afdae7 100%) repeat scroll 0 0 }
ul.classroom-demo-content-list { background:url("../images/training-course-content-bg-img-mobile.png") no-repeat scroll center top; background-size:100% auto; margin:0 auto; max-width:360px; padding-bottom:0}
ul.classroom-demo-content-list li { display:block; width:auto; padding:19% 75px; text-align:center; min-height:260px; box-sizing:border-box; line-height:20px;}
ul.classroom-demo-content-list li:first-child, ul.classroom-demo-content-list li:nth-child(3) { padding:18% 75px; text-align:center}
ul.classroom-demo-content-list li:nth-child(2) { min-height:25px;}
.community-content-section h2 { font-size:24px; text-align:center; font-family: "DDCHardware-Regular";  max-width:320px; margin:0 auto 25px   }
.components-logo-box { margin-top:25px;}
.components-logo-box div { padding:0; padding-top:10px; padding-bottom:10px; width:30%; margin-left:5px; margin-right:5px; }
.foot-logo{ display:block; margin:0 auto 15px}
.info-box, .copyright-box { width:auto; text-align:center!important; display:block; font-size:15px;}
.info-box a { display:block;}
.copyright-box small {font-size:15px; margin-bottom:15px;}
.info-box { margin-bottom:15px;}
.featured-performer-box { padding-top:15px;}
.home-request-demo-box .btn {min-width:inherit; width:100%; height: 70px; line-height: 70px; letter-spacing:1px; font-size: 22px; height: 50px;  line-height: 47px; max-width: 250px; }
.talentflo-featured-section { padding-bottom:30px;}
.communityflo-section { padding-top:30px;}
.communityflo-section article aside p { font-size:15px; line-height:20px; text-align:center;}
.communityflo-section .featured-section { padding-bottom:10px;}
.Redefines-section h1 {  font-size: 19px; letter-spacing: normal; line-height: 30px; padding-bottom: 15px;}
.Redefines-section h4 {font-size:14px;}
.Redefines-section p { font-size: 15px;  line-height: 20px;  text-align: center;}
.Advantages-section aside.Advantages-img-box {width:auto; max-width:300px; margin:0 auto; display:block;}
.Advantages-section { margin-top:25px;}
.Advantages-section aside.Advantages-content-box { padding:25px 0 0; width:auto; text-align:center; display:block;}
.Advantages-content-box p { font-size: 15px;  line-height: 20px;  text-align: center;}
.Advantages-section .featured-content-box { margin-top:25px; margin-bottom:25px;}
.decisionflo-featured-section.featured-section p { font-size: 15px;  line-height: 20px;  text-align: center;}
.decisionflo-featured-section.featured-section h1 { padding-bottom:25px;}
.four-components-container { padding-bottom:25px;}
.featured-section { background-size:100% auto}
.banner-section.knowledge-flo-banner {}
.featured-section article aside.mobile-view { text-align:center}
.featured-content-box aside p a.more { display:inline}
.featured1 img, .featured2 img, .featured3 img, .featured4 img {max-width:88px;}
.four-components-container { padding-bottom:40%;}
.four-components-container.home-component .logo-left {  margin: 0 auto 25px; float:none; margin-bottom:0;  max-width: 320px;}
.four-components-container.home-component .right-text {  font-family: "DDCHardware-Regular"; font-size: 24px; text-align: center;}
.featured-section article aside p {font-size:15px; }
.featured-section article aside p strong {  display: block; font-family: "MyriadPro-Bold"; margin-bottom: 15px; margin-top:10px;}
.info-box.text-left a {margin:10px auto; max-width:155px;}
.header-section.fixed .desktop-mbl-menu { width:29px;}
.header-section.fixed .desktop-mbl-menu a {background: #ccc; padding:5px; display:block;  margin-right: -5px;  margin-top:1px;}
.header-section.fixed .desktop-mbl-menu a img {display:block;}




}
@media screen and (max-width:640px) {
    .banner-section{height:300px; min-height:inherit;/* padding-top:80px;*/}
    .training-banner, .talentflo-banner, .community-banner, .decision-banner{height: 300px; padding-top:130px;}
    .subscribe-form input{margin-bottom: 10px;}
	.subscribe-form .subscribe-btn{margin-bottom: 0px;}
	.components-logo-box div{width: auto;}
	.subscribe-form input, .subscribe-form input.subscribe-btn {width: 300px;}
	.request-talentflo-demo-box .demo-screen-image {width: 39%;}
	.poweredby img {width: 100%;}
	.poweredby {bottom: 4px; right: 10px;}
	.banner-section.about-banner{height:300px; min-height: inherit; padding: 130px 0 96px;}
	.about-logo-section a{margin-bottom: 20px;}
	.about-logo-section{margin-bottom: 0px;}
    .featured-content-box li{width: 49%;}
    .four-components-container .components, .four-components-container .row .components:nth-child(2){width:100%; margin:20px auto 0 auto; float:none;}
    .four-components-container .components figure {margin-bottom: 10px;}
    .four-components-container .row{padding:0px;}
    .video-section iframe{width:100%; min-height: 264px; height: auto;}
    .home-request-demo-box h1{font-size: 26px;line-height: 28px;margin-bottom: 10px;}
    .home-request-demo-box p{ font-size: 15px; line-height: 22px; margin-bottom: 14px;}
     .banner-contentbox { max-width:300px; margin:0 auto}
     .banner-box { margin-top: -23px; position: relative; top: 50%; height:100%;}
     .talentflo-banner .banner-box { margin-top:-43px;}

}

@media screen and (max-width:480px) {
	
	.social-connect{width: 100%; text-align: center !important;}
	.pilot-city-box li{max-width: 320px; width: 100%; margin-left: 0px; margin-right: 0px;}
	.request-demo-box li {width: 100%; border-bottom: 1px solid #bac2c6; margin-bottom: 20px; padding: 0 0 20px;}
	.request-demo-box li:last-child{margin-bottom: 0px;}
	.request-demo-box li p {margin-top: 0; font-size: 16px; line-height: 20px;}
	.classroom-demo-box li, .classroom-demo-content-list li{padding: 0px; margin: 0px; border: 0px;}
	.request-demo-box p {font-size: 16px; line-height: 22px;}
	.classroom-demo-box h1{font-size: 25px;}
	.request-demo-box h1{margin-bottom: 10px;}
    .form-inner{padding-left: 6px; padding-right: 6px;}
    .banner-section { padding:50px 0; height:205px;}
    .banner-contentbox { max-width:230px; }
    .banner-box { margin-top:-5px;}
    .talentflo-banner .banner-box { margin-top:-15px;}

}


.btn-loader {
        font-size: 0 !important;
        background: #66c599 url(../images/loader.gif) no-repeat 50% 50% !important;
        border:0px !important;
}

.input-validation-error{ border: 5px solid red }
#html_element > div{margin:0 auto;}
#html_element2 > div{margin:0 auto;}
.error{color:#f72f1b; font-size:12px; text-align:left;}
.error span {text-align: left; display: block; padding:0 0 0 28px;}

@media screen and (max-width:768px) {
    .pilot-city-box .city-time br{display:block;}
}
body.stop-scrolling {
  height: 100%;
  overflow: hidden; }

.sweet-overlay {
  background-color: black;
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  /* IE8 */
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 10000; }

.sweet-alert {
  background-color: white;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  width: 478px;
  padding: 17px;
  border-radius: 5px;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -256px;
  margin-top: -200px;
  overflow: hidden;
  display: none;
  z-index: 99999; }
  @media all and (max-width: 540px) {
    .sweet-alert {
      width: auto;
      margin-left: 0;
      margin-right: 0;
      left: 15px;
      right: 15px; } }
  .sweet-alert h2 {
    color: #575757;
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    position: relative;
    margin: 25px 0;
    padding: 0;
    line-height: 40px;
    display: block; }
  .sweet-alert p {
    color: #797979;
    font-size: 16px;
    text-align: center;
    font-weight: 300;
    position: relative;
    text-align: inherit;
    float: none;
    margin: 0;
    padding: 0;
    line-height: normal; }
  .sweet-alert fieldset {
    border: none;
    position: relative; }
  .sweet-alert .sa-error-container {
    background-color: #f1f1f1;
    margin-left: -17px;
    margin-right: -17px;
    overflow: hidden;
    padding: 0 10px;
    max-height: 0;
    webkit-transition: padding 0.15s, max-height 0.15s;
    transition: padding 0.15s, max-height 0.15s; }
    .sweet-alert .sa-error-container.show {
      padding: 10px 0;
      max-height: 100px;
      webkit-transition: padding 0.2s, max-height 0.2s;
      transition: padding 0.25s, max-height 0.25s; }
    .sweet-alert .sa-error-container .icon {
      display: inline-block;
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background-color: #ea7d7d;
      color: white;
      line-height: 24px;
      text-align: center;
      margin-right: 3px; }
    .sweet-alert .sa-error-container p {
      display: inline-block; }
  .sweet-alert .sa-input-error {
    position: absolute;
    top: 29px;
    right: 26px;
    width: 20px;
    height: 20px;
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.1s;
    transition: all 0.1s; }
    .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {
      content: "";
      width: 20px;
      height: 6px;
      background-color: #f06e57;
      border-radius: 3px;
      position: absolute;
      top: 50%;
      margin-top: -4px;
      left: 50%;
      margin-left: -9px; }
    .sweet-alert .sa-input-error::before {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .sweet-alert .sa-input-error::after {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    .sweet-alert .sa-input-error.show {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1); }
  .sweet-alert input {
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    height: 43px;
    margin-top: 10px;
    margin-bottom: 17px;
    font-size: 18px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
    padding: 0 12px;
    display: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
    .sweet-alert input:focus {
      outline: none;
      box-shadow: 0px 0px 3px #c4e6f5;
      border: 1px solid #b4dbed; }
      .sweet-alert input:focus::-moz-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
      .sweet-alert input:focus:-ms-input-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
      .sweet-alert input:focus::-webkit-input-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
    .sweet-alert input::-moz-placeholder {
      color: #bdbdbd; }
    .sweet-alert input:-ms-input-placeholder {
      color: #bdbdbd; }
    .sweet-alert input::-webkit-input-placeholder {
      color: #bdbdbd; }
  .sweet-alert.show-input input {
    display: block; }
  .sweet-alert .sa-confirm-button-container {
    display: inline-block;
    position: relative; }
  .sweet-alert .la-ball-fall {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -27px;
    margin-top: 4px;
    opacity: 0;
    visibility: hidden; }
  .sweet-alert button {
    background-color: #cccccc;
    color: white;
    border: none;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
    -webkit-border-radius: 4px;
    border-radius: 5px;
    padding: 10px 32px;
    margin: 26px 5px 0 5px;
    cursor: pointer; }
    .sweet-alert button:focus {
      outline: none;
      box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); }
    .sweet-alert button:hover {
      background-color: #7ecff4; }
    .sweet-alert button:active {
      background-color: #5dc2f1; }
    .sweet-alert button.cancel {
      background-color: #C1C1C1; }
      .sweet-alert button.cancel:hover {
        background-color: #b9b9b9; }
      .sweet-alert button.cancel:active {
        background-color: #a8a8a8; }
      .sweet-alert button.cancel:focus {
        box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; }
    .sweet-alert button[disabled] {
      opacity: .6;
      cursor: default; }
    .sweet-alert button.confirm[disabled] {
      color: transparent; }
      .sweet-alert button.confirm[disabled] ~ .la-ball-fall {
        opacity: 1;
        visibility: visible;
        transition-delay: 0s; }
    .sweet-alert button::-moz-focus-inner {
      border: 0; }
  .sweet-alert[data-has-cancel-button=false] button {
    box-shadow: none !important; }
  .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
    padding-bottom: 40px; }
  .sweet-alert .sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid gray;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    margin: 20px auto;
    padding: 0;
    position: relative;
    box-sizing: content-box; }
    .sweet-alert .sa-icon.sa-error {
      border-color: #F27474; }
      .sweet-alert .sa-icon.sa-error .sa-x-mark {
        position: relative;
        display: block; }
      .sweet-alert .sa-icon.sa-error .sa-line {
        position: absolute;
        height: 5px;
        width: 47px;
        background-color: #F27474;
        display: block;
        top: 37px;
        border-radius: 2px; }
        .sweet-alert .sa-icon.sa-error .sa-line.sa-left {
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          left: 17px; }
        .sweet-alert .sa-icon.sa-error .sa-line.sa-right {
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
          right: 16px; }
    .sweet-alert .sa-icon.sa-warning {
      border-color: #F8BB86; }
      .sweet-alert .sa-icon.sa-warning .sa-body {
        position: absolute;
        width: 5px;
        height: 47px;
        left: 50%;
        top: 10px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        margin-left: -2px;
        background-color: #F8BB86; }
      .sweet-alert .sa-icon.sa-warning .sa-dot {
        position: absolute;
        width: 7px;
        height: 7px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        margin-left: -3px;
        left: 50%;
        bottom: 10px;
        background-color: #F8BB86; }
    .sweet-alert .sa-icon.sa-info {
      border-color: #C9DAE1; }
      .sweet-alert .sa-icon.sa-info::before {
        content: "";
        position: absolute;
        width: 5px;
        height: 29px;
        left: 50%;
        bottom: 17px;
        border-radius: 2px;
        margin-left: -2px;
        background-color: #C9DAE1; }
      .sweet-alert .sa-icon.sa-info::after {
        content: "";
        position: absolute;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        margin-left: -3px;
        top: 19px;
        background-color: #C9DAE1; }
    .sweet-alert .sa-icon.sa-success {
      border-color: #A5DC86; }
      .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
        content: '';
        -webkit-border-radius: 40px;
        border-radius: 40px;
        border-radius: 50%;
        position: absolute;
        width: 60px;
        height: 120px;
        background: white;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      .sweet-alert .sa-icon.sa-success::before {
        -webkit-border-radius: 120px 0 0 120px;
        border-radius: 120px 0 0 120px;
        top: -7px;
        left: -33px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 60px 60px;
        transform-origin: 60px 60px; }
      .sweet-alert .sa-icon.sa-success::after {
        -webkit-border-radius: 0 120px 120px 0;
        border-radius: 0 120px 120px 0;
        top: -11px;
        left: 30px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 0px 60px;
        transform-origin: 0px 60px; }
      .sweet-alert .sa-icon.sa-success .sa-placeholder {
        width: 80px;
        height: 80px;
        border: 4px solid rgba(165, 220, 134, 0.2);
        -webkit-border-radius: 40px;
        border-radius: 40px;
        border-radius: 50%;
        box-sizing: content-box;
        position: absolute;
        left: -4px;
        top: -4px;
        z-index: 2; }
      .sweet-alert .sa-icon.sa-success .sa-fix {
        width: 5px;
        height: 90px;
        background-color: white;
        position: absolute;
        left: 28px;
        top: 8px;
        z-index: 1;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      .sweet-alert .sa-icon.sa-success .sa-line {
        height: 5px;
        background-color: #A5DC86;
        display: block;
        border-radius: 2px;
        position: absolute;
        z-index: 2; }
        .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
          width: 25px;
          left: 14px;
          top: 46px;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }
        .sweet-alert .sa-icon.sa-success .sa-line.sa-long {
          width: 47px;
          right: 8px;
          top: 38px;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }
    .sweet-alert .sa-icon.sa-custom {
      background-size: contain;
      border-radius: 0;
      border: none;
      background-position: center center;
      background-repeat: no-repeat; }

/*
 * Animations
 */
@-webkit-keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

@-webkit-keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }

@keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }

@-webkit-keyframes slideFromTop {
  0% {
    top: 0%; }
  100% {
    top: 50%; } }

@keyframes slideFromTop {
  0% {
    top: 0%; }
  100% {
    top: 50%; } }

@-webkit-keyframes slideToTop {
  0% {
    top: 50%; }
  100% {
    top: 0%; } }

@keyframes slideToTop {
  0% {
    top: 50%; }
  100% {
    top: 0%; } }

@-webkit-keyframes slideFromBottom {
  0% {
    top: 70%; }
  100% {
    top: 50%; } }

@keyframes slideFromBottom {
  0% {
    top: 70%; }
  100% {
    top: 50%; } }

@-webkit-keyframes slideToBottom {
  0% {
    top: 50%; }
  100% {
    top: 70%; } }

@keyframes slideToBottom {
  0% {
    top: 50%; }
  100% {
    top: 70%; } }

.showSweetAlert[data-animation=pop] {
  -webkit-animation: showSweetAlert 0.3s;
  animation: showSweetAlert 0.3s; }

.showSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none; }

.showSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideFromTop 0.3s;
  animation: slideFromTop 0.3s; }

.showSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideFromBottom 0.3s;
  animation: slideFromBottom 0.3s; }

.hideSweetAlert[data-animation=pop] {
  -webkit-animation: hideSweetAlert 0.2s;
  animation: hideSweetAlert 0.2s; }

.hideSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none; }

.hideSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideToTop 0.4s;
  animation: slideToTop 0.4s; }

.hideSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideToBottom 0.3s;
  animation: slideToBottom 0.3s; }

@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@-webkit-keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }

@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }

.animateSuccessTip {
  -webkit-animation: animateSuccessTip 0.75s;
  animation: animateSuccessTip 0.75s; }

.animateSuccessLong {
  -webkit-animation: animateSuccessLong 0.75s;
  animation: animateSuccessLong 0.75s; }

.sa-icon.sa-success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in; }

@-webkit-keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }

@keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }

.animateErrorIcon {
  -webkit-animation: animateErrorIcon 0.5s;
  animation: animateErrorIcon 0.5s; }

@-webkit-keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

@keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

.animateXMark {
  -webkit-animation: animateXMark 0.5s;
  animation: animateXMark 0.5s; }

@-webkit-keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }

@keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }

.pulseWarning {
  -webkit-animation: pulseWarning 0.75s infinite alternate;
  animation: pulseWarning 0.75s infinite alternate; }

@-webkit-keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }

@keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }

.pulseWarningIns {
  -webkit-animation: pulseWarningIns 0.75s infinite alternate;
  animation: pulseWarningIns 0.75s infinite alternate; }

@-webkit-keyframes rotate-loading {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes rotate-loading {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/* Internet Explorer 9 has some special quirks that are fixed here */
/* The icons are not animated. */
/* This file is automatically merged into sweet-alert.min.js through Gulp */
/* Error icon */
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -ms-transform: rotate(45deg) \9; }

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -ms-transform: rotate(-45deg) \9; }

/* Success icon */
.sweet-alert .sa-icon.sa-success {
  border-color: transparent\9; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  -ms-transform: rotate(45deg) \9; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  -ms-transform: rotate(-45deg) \9; }

/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-fall,
.la-ball-fall > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.la-ball-fall {
  display: block;
  font-size: 0;
  color: #fff; }

.la-ball-fall.la-dark {
  color: #333; }

.la-ball-fall > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor; }

.la-ball-fall {
  width: 54px;
  height: 18px; }

.la-ball-fall > div {
  width: 10px;
  height: 10px;
  margin: 4px;
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: ball-fall 1s ease-in-out infinite;
  -moz-animation: ball-fall 1s ease-in-out infinite;
  -o-animation: ball-fall 1s ease-in-out infinite;
  animation: ball-fall 1s ease-in-out infinite; }

.la-ball-fall > div:nth-child(1) {
  -webkit-animation-delay: -200ms;
  -moz-animation-delay: -200ms;
  -o-animation-delay: -200ms;
  animation-delay: -200ms; }

.la-ball-fall > div:nth-child(2) {
  -webkit-animation-delay: -100ms;
  -moz-animation-delay: -100ms;
  -o-animation-delay: -100ms;
  animation-delay: -100ms; }

.la-ball-fall > div:nth-child(3) {
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -o-animation-delay: 0ms;
  animation-delay: 0ms; }

.la-ball-fall.la-sm {
  width: 26px;
  height: 8px; }

.la-ball-fall.la-sm > div {
  width: 4px;
  height: 4px;
  margin: 2px; }

.la-ball-fall.la-2x {
  width: 108px;
  height: 36px; }

.la-ball-fall.la-2x > div {
  width: 20px;
  height: 20px;
  margin: 8px; }

.la-ball-fall.la-3x {
  width: 162px;
  height: 54px; }

.la-ball-fall.la-3x > div {
  width: 30px;
  height: 30px;
  margin: 12px; }

/*
 * Animation
 */
@-webkit-keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    transform: translateY(145%); } }

@-moz-keyframes ball-fall {
  0% {
    opacity: 0;
    -moz-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -moz-transform: translateY(145%);
    transform: translateY(145%); } }

@-o-keyframes ball-fall {
  0% {
    opacity: 0;
    -o-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -o-transform: translateY(145%);
    transform: translateY(145%); } }

@keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    -moz-transform: translateY(-145%);
    -o-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    -moz-transform: translateY(145%);
    -o-transform: translateY(145%);
    transform: translateY(145%); } }