input[type="text"], select, input[type="email"], input[type="password"], input[type="number"]{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}

input[type="submit"] { background-color:#0593f7; border:0; color:#fff; width:220px; padding:15px; border-radius:4px; cursor:pointer; transition:all 0.15s ease-out 0.15s; font-family:"montserratlight"; color:#fff; text-transform:uppercase; float:none; margin-bottom:20px; }
input[type="submit"]:hover { background-color:#0881d7; transition:all 0.15s ease-out 0.15s; }


body { font-family:'montserratregular'; }
.txtCenter { text-align:center; }
.fltLeft { float:left; width:auto; }
.fltRight { float:right; width:auto; }
section { float:left; padding:75px 0; width:100%;  box-sizing:border-box; }
section h2 { font-size:28px; text-transform:uppercase; font-family:'montserratsemibold'; line-height:26px; margin-bottom:40px; }
section h2 small { font-family:'montserratlight'; font-size:14px; display:block; }
section h2 em { display: block; font-size: 20px; color:#909090; }
.clear { clear:both; }
.border0 { border:0 !important; }
.container { width:1170px; margin:0 auto; display:block; }

header { float:left; width:100%; background:url(../images/slider-images-min.png) no-repeat; background-attachment:fixed; background-size:cover; background-position:top center; }
.topBar { background-color:rgba(5, 147, 247, 0.89); float:left; width:100%; padding:10px 0; border-bottom:2px solid rgba(255,255,255,0.6); }
.logoMain { float:left; width:192px; }

/*  Navigation  */
nav { float:left; width:auto; }
nav ul li { color:#fff; float:left; text-transform:uppercase; margin:20px 10px; font-size:12px; line-height:26px; font-family:'montserratsemibold'; }
nav ul li a { color:#fff; padding:2px; float:left; }
nav ul li.active, nav ul li:hover, nav ul li:active { position:relative; }
nav ul li.active a::after, nav ul li:active a::after, nav ul li:hover a::after { background:url(../images/activeItem.png); content:" "; height:2px; left:2px; position:absolute; top:100%; width:12px; z-index:1; }
/*  Navigation  */

.logIn-btns { float:left; height:31px; background-color:#fff; box-sizing:border-box; padding:2px; /*margin:18px 0 18px 200px;*/ margin:18px 0 18px 50px; font-family:'montserratsemibold'; white-space: nowrap; }
/* width:150px; */
.logIn-btns ul li { float:left; text-transform:uppercase; width:fit-content; text-align:center; }
.logIn-btns ul li a { box-sizing:border-box; float:left; padding:7px; width:100%; color:#666666; }
.logIn-btns ul li a.active, .logIn-btns ul li a:active, .logIn-btns ul li a:hover { background-color:#14a79d; color:#fff; }
.logIn-google {    width:191px;    height: 46px;    border: none;    outline: none; }
.loginWithGoogle {    width:191px;}

/* jstree */
.jstree ul { margin-bottom: 0px !important; float: none !important; }
.jstree li { margin-bottom: 0px !important }

/*  Slider Section  */
.sliderArea { float:left; width:100%; padding:60px 0 160px; }
.sliderWrap { display:table; float:left; vertical-align:middle; width:100%; }
.sliderWrap .leftArea, .sliderWrap .rightArea { display:table-cell; height:100%; vertical-align:middle; width:50%; box-sizing:border-box; }
.sliderWrap .rightArea { padding-left:90px; }
.sliderWrap h1 { color:#fff; font-size:45px; font-family:'montserratbold'; }
.sliderWrap h1 small { display:block; font-size:21px; font-family:'montserratregular'; width:100%; }
/*  Slider Section  */

/*  Custom tabs  */
ul.tabs{ margin:0px; padding:0px; list-style:none; }
ul.tabs li:first-child { margin-left:30px; }
ul.tabs li{ background:#fff; color:#b6b6b6; width:110px; display:inline-block; padding:15px 15px; cursor:pointer; border:2px solid #b5b5b5; border-bottom:0 !important; border-radius:6px 6px 0 0;  text-align:center; text-transform:uppercase; font-size:14px; line-height:normal; font-family:'montserratlight'; box-sizing:border-box; margin-bottom:-2px; }
ul.tabs li.current{ background:#fff; color:#72b4e2; border:2px solid #72c5ff; border-bottom:0 !important; }
.tab-content{ display:none; background:#fff; padding:30px 45px; border:2px solid #72c5ff; float:left; min-height:305px; border-radius:5px; }
.tab-content.current{ display:inherit; }
/*  Custom tabs  */

/*  SignIn  */
.tab-content input { border:1px solid rgba(188,188,188,0.5); color:rgba(147,147,147,0.9); border-radius:4px; box-sizing:border-box; float:left; margin-bottom:10px; padding:20px 50px 20px 20px; width:100%; font-family:'montserratlight'; font-size:14px; }
.tab-content input { position:relative; }
#userName, #email { background:url(../images/envelop.png) no-repeat; background-position:95% center; }
#userPassword, #userPassword1, #userPassword2 { background:url(../images/lock.png) no-repeat; background-position:95% center; margin-bottom:20px; }
.loginBtn-row { float:left; width:100%; }
.tab-content input.loginBtn { background-color:#0593f7; color:#fff; width:145px; text-transform:uppercase; font-size:15px; cursor:pointer; transition:all 0.15s ease-in 0.15s; padding:15px 50px 15px 15px; }
.tab-content input.loginBtn#loginBtn:hover, .tab-content input.loginBtn#loginBtn1:hover { background-color:#0881d7; transition:all 0.15s ease-out 0.15s; }
#loginBtn, #loginBtn1 {  background:#0593f7 url("../images/login.png") no-repeat scroll 70% 14px; border:0; }

.tab-content input.recoverBtn#recoverBtn:hover, .tab-content input.loginBtn#loginBtn1:hover { background-color:#0881d7; transition:all 0.15s ease-out 0.15s; }
#recoverBtn {  background:#0593f7 url("../images/login.png") no-repeat scroll 70% 14px; }
.loginWith { color:#939393; font-size:14px; line-height:20px; padding:10px 0; }
.loginWith h5 { float:left; margin-right:10px; padding:10px 0; }
.loginWith a { color:#fff; border-radius:2px; width:33px; height:33px; float:left; padding:7px; box-sizing:border-box; text-align:center; margin-right:10px; }
#gPlus, #gPlus1 { background-color:#d0412a; }
/* #faceBook, #faceBook1 { background-color:#3188da; margin:0; } */
.remember-row { float:left; width:100%; padding:10px 0; }
.remember-row input[type="checkbox"] { float:left; width:auto; margin:0 10px 0 0; }
.remember-row label, .remember-row a { color:#939393; font-family:'montserratlight'; font-size:14px; }


/*  How It Works Section  */
.howItWorks::before { content:""; background:url(../images/blueClouds.png) repeat-x; width:100%; position:absolute; top:-83px; left:0; height:83px; }
.howItWorks { background-color:#0c8eea; color:#fff; position:relative; }
section.howItWorks h2 { margin-bottom:55px; }
/*  Steps CSS  */
.steps-3 { float:left; text-align:center; width:100%; margin-bottom:80px; }
.stepBlock { display:inline-block; text-align:left; width:35%; position:relative; }
.stepBlock::after { content:""; position:absolute; right:25px; top:-15px; background:url(../images/divider.png) no-repeat; width:22px; height:101px; }
.steps-3 .stepBlock:nth-child(2n) { padding-right:100px; width:auto; }
.steps-3 .stepBlock:last-child::after { background:none; }
.stepBlock h3 { font-size:22px; font-family:'ralewaybold'; line-height:28px; display:table-cell; vertical-align:middle; padding-left:10px; }
.stepBlock h3 big { font-size:30px; display:block; }
.stepBlock span { display:table-cell; color:#add2e5; font-size:77px; font-family:'montserratregular'; }
/*  Steps CSS  */
.sectionLink { width:200px; margin:0 auto; border:1px solid #fff; color:#fff; font-size:13px; text-transform:uppercase; font-family:'montserratsemibold'; display:block; padding:20px; transition:all 0.15s ease-out 0.15s; }
.sectionLink:hover { background-color:#0881d7; transition:all 0.15s ease-out 0.15s; }
/*  How It Works Section  */


/*  Cloud Section  */
.cloudDesc { background:#fff url(../images/whitePattern.png) repeat-x; padding:80px 0; }
.cloudVector { display:table-cell; vertical-align:middle; width:485px; }
.cloudTxt { display:table-cell; padding-left:50px; vertical-align:middle; font-size:18px; color:#2d3333; font-family:'open_sansitalic'; line-height:36px; }
.cloudTxt span.bigDirect { font-family:'open_sanssemibold_italic'; text-transform:uppercase; }
/*  Cloud Section  */


/*  Free Trial Section  */
.freeTrial { padding:80px 0; background-color:#e6f4fe; color:#2d3333; }
.greenBox { background-color:#14a79d; display:table-cell; height:100%; width:385px; color:#fff; font-family:'montserratbold'; padding:50px 25px; }
.greenBox h4 { font-size:24px; position:relative; padding-bottom:30px; text-transform:uppercase; margin-bottom:35px; }
.greenBox h4 big { font-size:30px; }
.greenBox h4::after { position:absolute; content:""; background:url(../images/trial_bg.png) no-repeat; width:76px; height:2px; bottom:0; left:0; right:0; margin:0 auto;}
.greenBox ul { float:left; width:100%; margin-bottom:30px; }
.greenBox ul li { font-family:'open_sansitalic'; line-height:30px; font-size:16px; }
#registerBtn { display:inline-block; width:auto; padding:20px; text-transform:uppercase; font-size:13px; color:#2d3333; font-family:'montserratsemibold'; background-color:#fff; border:1px solid transparent; transition:all 0.15s ease-out 0.15s; }
#registerBtn:hover { background-color:transparent; border:1px solid #fff; transition:all 0.15s ease-out 0.15s; color:#fff; }

.servicesTxt { display:table-cell; vertical-align:top; padding-left:50px; }
.servicesTxt ul li { margin-bottom:50px; }
.servicesTxt ul li:last-child { margin-bottom:0px; }
.servicesTxt h4 { font-size:24px; text-transform:uppercase; font-family:'montserratbold'; line-height:40px; }
.servicesTxt p { font-size:14px; font-family:'open_sansregular'; line-height:26px; }
/*  Free Trial Section  */

/*  Cloud Options Section  */
.cloudOptions { padding:90px 45px; background-color:#f2f9ff; }
.cloudOptions h2 { line-height:36px; color:#2d3333; }
.cloudOptions .itemInner { display:table; float:left; text-align:center; vertical-align:middle; width:100%; border:1px solid #e7e7e7; opacity:0.7; background-color:#fff; }
.cloudOptions .itemInner img { max-width:170px; max-height:115px; display:inline-block !important; }
.cloudOptions .owl-controls { display:none; }
/*  Cloud Options Section  */


/*  Pricing Section  */
.pricingSection { padding:90px 0; }
.pricingSection h2 { color:#2d3333; }
.pricingSection h2 small { color:#ababab; }

.priceBlock { background-color:#f3f3f3; display:inline-block; margin:30px 10px 0 10px; width:370px; padding:45px; transition:all 0.1s ease-out 0.1s; vertical-align:top; }
.priceBlock.active { margin-top:0; transition:all 0.1s ease-out 0.1s; background-color:#0593f7; color:#fff; }
.priceBlock.active h2 { color:#fff; }
.priceBlock.active .pricingHead > h2:after { background:url(../images/pricingH2-hover.png) no-repeat; }
.priceBlock.active ul { color:#fff; }
.priceBlock.active > a, .priceBlock.active input.selectPlanBtn { color:#0593f7; background-color:#fff; border:1px solid transparent; cursor:pointer; }
.priceBlock.active > a:hover, .priceBlock.active input.selectPlanBtn:hover { color:#fff; background-color:transparent; border:1px solid #fff; }

.pricingOptBlock { float:left; margin-bottom:100px; width:100%; }

.priceBlock:first-child { margin-left:0; }
.priceBlock:last-child { margin-right:0; }
.pricingHead { position:relative; }
.priceBlock h6 { font-size:26px; font-family:'montserratlight'; line-height:42px; }
.priceBlock h5.lineThrough { bottom:24px; font-family:"montserratlight"; font-size:26px; position:absolute; text-align:center; text-decoration:line-through; width:100%; }
.priceBlock h5.lineThroughNormal { bottom:24px; font-family:"montserratlight"; font-size:26px; position:absolute; text-align:center; width:100%; }
.priceBlock h2 { font-size:72px; font-family:'montserratsemibold'; line-height:normal; position:relative; margin-bottom:35px; padding-bottom:60px; }
.priceBlock h2 span.smallDollar { display:inline-block; font-family:"montserratregular"; font-size:40px; line-height:normal; vertical-align:top; padding-top:10px; }
.priceBlock h2 span.bigTxt { display:inline-block; vertical-align:top; }
.pricingHead > h2:after { width:108px; height:3px; position:absolute; content:""; background:url(../images/pricingH2.png) no-repeat; bottom:0; left:0; right:0; margin:0 auto; }
.priceBlock > ul { color:#666666; font-size:16px; line-height:24px; font-family:'montserratlight'; float:left; width:100%; margin-bottom:50px;  }
.priceBlock > ul li { border-bottom:2px dotted #d7d7d7; float:left; padding:15px 0; width:100%; }
.priceBlock.active > ul li { color:#fff; }
.priceBlock > a, .priceBlock input.selectPlanBtn { background-color:#0593f7; box-sizing:border-box; color:#fff; display:inline-block; padding:20px 0; text-transform:uppercase; width:215px; font-family:'montserratsemibold'; font-size:13px; border:1px solid transparent; cursor:pointer; }
.priceBlock > a:hover, .priceBlock input.selectPlanBtn:hover { background-color:#fff; border:1px solid #0593f7; color:#0593f7; }
/*  Pricing Section  */


/*  FAQ Section  */
.faqSection { padding:90px 0 150px 0; background-color:#e6f4fe; }
.faqWrap { background-color:#0593f7; float:left; width:100%; }

.faqtabs { display:inline-block; vertical-align:top; width:35%; }
.faqSection .tabContentArea { background-color:#0593f7; box-sizing:border-box; display:inline-block; padding:34px; width:64%; }
.faqtabs .tab-link { background-color:#fff; border-bottom:1px solid #e8e8e8; box-sizing:border-box; color:#2d3333; padding:20px; border-left:7px solid transparent; font-size:14px; font-family:'open_sansregular'; cursor:pointer; line-height:21px; }
.faqtabs .tab-link.active { border-left:7px solid #0593f7; position:relative; }
.faqtabs .tab-link.active::after { border-bottom:12px solid transparent; border-left:20px solid #fff; border-top:12px solid transparent; content:""; height:0; position:absolute; right:-19px; top:30px; width:0; }
.faqSection .tab-link > span.qTxt { color:rgba(68, 68, 68, 0.3); font-family:"open_sansbold"; font-size:30px; width:16%; }
.faqSection .tab-link > span { display:inline-block; padding:5px; vertical-align:middle; width:77%; }
.faqSection .tabContentArea .tab-content { min-height:300px;  border:0px; font-size:14px; line-height:24px; color:rgba(45,51,51,0.9); font-family:'open_sansregular'; padding:40px 35px; }

.faqSection .tab-content.active { display:inherit; }
/*  FAQ Section  */


/*  Footer  */
footer { padding:90px 0; background-color:#2d3333; float:left; width:100%; position:relative; }
footer:before { content:""; background:url(../images/footerClouds-grey.png) repeat-x; width:100%; position:absolute; top:-56px; left:0; height:58px; }

footer h4 { text-transform:uppercase; font-size:16px; line-height:26px; font-family:'montserratbold'; margin-bottom:15px; }

.newsletter { color:#fff; float:left; width:280px; }
.newsletter input { background-color:transparent; border:0; border-bottom:1px solid #3a3939; padding:10px; font-size:13px; font-family:'open_sansregular'; color:#858585; width:78%; }
.newsletter button { background-color:transparent; border:0; border-bottom:1px solid #3a3939; padding:10px; font-size:13px; font-family:'open_sansregular'; color:#fff; width:20%; cursor:pointer; }
.newsletter button:hover { border-bottom:1px solid #fff; }

.footerLogo { display:block; float:left; margin:0 auto; text-align:center; width:52%; }
.footerLogo > a { display:inline-block; }

.followUs { color:#fff; float:right; }
.followUs h4 { text-align:right; }
.followUs li { float:left; border-bottom:1px solid #3a3939; transition:all 0.1s ease-out 0.1s; font-size:16px; }
.followUs li a { float:left; color:#858585; padding:0 10px 10px 10px; margin:0 2px; transition:all 0.1s ease-out 0.1s; }
.followUs li:hover { border-color:#fff; transition:all 0.1s ease-out 0.1s; }
.followUs li:hover a { color:#fff; transition:all 0.1s ease-out 0.1s; }


.footerBar { float:left; width:100%; padding:20px 0; background-color:#2d3333; border-top:1px solid #1c2020; }
.footerBar ul li { float:left; margin:0 10px; }
.footerBar ul li:first-child { margin-left:0; }
.footerBar ul li:last-child { margin-right:0; }
.footerBar ul li a { float:left; padding:0 10px; color:#838383; font-size:12px; font-family:'montserratlight'; transition:all 0.1s ease-out 0.1s; }
.footerBar ul li a:hover { color:#fff; transition:all 0.1s ease-out 0.1s; }

.copyRight { color:#838383; font-size:12px; font-family:'montserratlight'; }
/*  Footer  */



/* LOGIN PAGE */
.loginPage { float:left; width:100%; * background:url(../images/slider-images-min.png) no-repeat; background-attachment:fixed; background-size:cover; background-position:top center; padding:20px 0; }
.loginWrap { float:left; width:100%; text-align:center; }
.loginBox { border:2px solid rgba(5, 147, 247, 0.6); background-color:#fff; border-radius:10px; box-sizing:border-box; display:inline-block; margin:4% auto; padding:25px 50px; width:500px; }
.loginLogo { float:left; text-align:center; width:100%; text-align:center; }
.loginLogo img { width:271px; display:inline-block; }

.loginBox h6 { color:#ababab; font-size:16px; margin:20px 0; line-height:24px; }

.loginBox form { float:left; width:100%; }
.loginBox input { border:1px solid rgba(188, 188, 188, 0.5); border-radius:4px; box-sizing:border-box; color:rgba(147, 147, 147, 0.9); float:left; font-family:"montserratlight"; font-size:14px; margin-bottom:10px; padding:20px 50px 20px 20px; width:100%; }
.loginBox input.loginBtn { background-color:#0593f7; color:#fff; cursor:pointer; font-size:15px; padding:15px 50px 15px 15px; text-transform:uppercase; transition:all 0.15s ease-in 0.15s; width:100%; }
.loginBox input.loginBtn:hover { background-color:#0881d7 !important; transition:all 0.15s ease-out 0.15s; } 



.loginPage .remember-row label, .loginPage .remember-row a { font-size:12px; }
/* LOGIN PAGE */


/* Terms and Conditions INNER PAGE*/
.innerPage { float:left; width:100%; padding:50px 0 120px 0; }
.innerPage h4 { font-size:24px; margin-bottom:10px; color:#666666; clear:both; }
.innerPage p { font-size:14px; margin-bottom:20px; color:#666666; font-family:'montserratlight'; line-height:24px; clear:both; }
.innerPage ul { margin-bottom:20px; float:left; width:100%; clear:both; }
.innerPage ul li { font-size:14px; margin-bottom:10px; color:#666666; font-family:'montserratlight'; line-height:24px; }
.innerPage ul ol { list-style:inside none lower-alpha; padding-right:20px; box-sizing:border-box; }

.privacyUl { list-style:inside none decimal; padding-left:20px; }


/* Contact Us INNER PAGE */
.contactForm { float:left; width:100%; }
.contactForm form { display:block; margin:0 auto; width:700px; }

.fullContactRow { float:left; margin:10px 0; width:100%; }
.halfContactRow { float:left; margin:0px 2% 0 0; width:48%; }
.halfContactRow + .halfContactRow { margin:0px 0 0 2%; }

.contactForm input, .contactForm textarea { border:1px solid rgba(188, 188, 188, 0.5); border-radius:4px; box-sizing:border-box; color:rgba(147, 147, 147, 0.9); float:left; font-family:"montserratlight"; font-size:14px; margin-bottom:10px; padding:20px; width:100%; }
.contactForm input.sendBtn { background-color:#0593f7; color:#fff; cursor:pointer; text-transform:uppercase; transition:all 0.15s ease-in 0.15s; }
.contactForm input.sendBtn:hover { background-color:#555; transition:all 0.15s ease-in 0.15s; }

/* Choose Plan - Upgrade Pages INNER PAGE */
.logIn-btns.afterLogin { float:left; /*width:300px;*/ width:auto; height:31px; background-color:#fff; box-sizing:border-box; padding:2px; margin:18px 0 18px 50px; font-family:'montserratsemibold'; }
/*.logIn-btns.afterLogin ul li { float:left; text-transform:uppercase; width:33.33%; text-align:center; }*/
.logIn-btns.afterLogin ul li { float:left; text-align:center; text-transform:uppercase; width:auto; }
.choosePlans { float:left; margin:20px 0; text-transform:uppercase; width:100%; }
.accountType { display:block; font-size:30px; padding:0; width:100%; }
.optionCheckBox { float:left; font-size:16px; padding:0 0 30px; width:100%; font-family:"montserratlight"; }
.optionCheckBox input { margin:0 10px 0 0; float:none; width:auto; }
/* :-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:Choose Plan - Upgrade Pages INNER PAGE */


/* Cloud Page - INNER PAGE */
.cloudWrap { float:left; width:100%; }
.cloudBlock { display:table; margin:0 auto; width:700px; }
.cloudRow.cloudRowHead { background-color:#0c8eea; color:#fff; text-transform:uppercase; font-size:16px; }
.cloudRow.cloudRowHead .cloudTd { color:#fff; }
.cloudRow { display:table-row; }
.cloudRow:last-child .cloudTd { border-bottom:1px solid #ccc; }
.cloudTd { border-left:1px solid #ccc; border-top:1px solid #ccc; display:table-cell; padding:20px; text-align:center; color:#2d3333; vertical-align:middle; }
.cloudTd:last-child { border-right:1px solid #ccc; }
.cloudTd:first-child > a { text-decoration:none; color:#2d3333; }

.logInCloud { background-color:#0c8eea; border-radius:3px; color:#fff; cursor:pointer; border:0; line-height:12px; display:inline-block; padding:15px 10px; text-transform:uppercase; width:85px; transition:all 0.15s ease-out 0.15s; font-family:"montserratlight"; }
.logInCloud:hover { background-color:#0881d7; transition:all 0.15s ease-out 0.15s; }

.addCloud, input.addCloud { background-color:#14a79d; border-radius:3px; color:#fff; cursor:pointer; border:0; line-height:12px; display:inline-block; padding:15px 10px; text-transform:uppercase; min-width:85px; transition:all 0.15s ease-out 0.15s; font-family:"montserratlight"; width:auto; }
.addCloud:hover, input.addCloud:hover { background-color:#0e9188; transition:all 0.15s ease-out 0.15s; }

.deleteCloud { background-color:#d72929; border-radius:3px; color:#fff; cursor:pointer; border:0; line-height:12px; display:inline-block; padding:15px 10px; text-transform:uppercase; width:85px; transition:all 0.15s ease-out 0.15s; font-family:"montserratlight"; }
.deleteCloud:hover { background-color:#b72d2d; transition:all 0.15s ease-out 0.15s; }

.retryCloud  { background-color:#0593f7; border-radius:3px; color:#fff; cursor:pointer; border:0; line-height:12px; display:inline-block; padding:15px 10px; text-transform:uppercase; width:85px; transition:all 0.15s ease-out 0.15s; font-family:"montserratlight"; }
.retryCloud:hover { background-color:#0593f7; transition:all 0.15s ease-out 0.15s; }


.cloudIcon { display:inline-block; height:56px; padding-right:10px; vertical-align:middle; width:56px; }
.cloudIconTxt { display:inline-block; height:auto; vertical-align:middle; }

/* Cloud Page - INNER PAGE */




/* Profile Page - INNER PAGE */
.profileView { display:block; margin:0 auto; width:700px; }
.profileRow { display:table; float:left; margin-bottom:20px; width:100%; }
.profileLabel { display:table-cell; vertical-align:middle; width:30%; }
.profileLabel label { float:left; font-size:16px; margin:0; padding:0; width:100%; color:#2d3333; }
.profileInput { display:table-cell; vertical-align:middle; }
.profileLabel, .profileInput { padding:10px; }
.profileInput input { border:1px solid rgba(188, 188, 188, 0.5); border-radius:4px; box-sizing:border-box; color:rgba(147, 147, 147, 0.9); float:left; font-family:"montserratlight"; font-size:14px; margin-bottom:10px; padding:20px; width:100%; }
span#accountType { color:#2d3333; font-size:18px; float:left; padding:14px; background-color:#f6f6f6; width:100px; border-radius:3px; text-align:center; }
.profileInput > a { background-color:#0c8eea; border-radius:4px; color:#fff; display:block; float:right; padding:14px; text-align:center; width:100px; transition:all 0.15s ease-out 0.15s; }
.profileInput > a:hover { background-color:#0881d7; transition:all 0.15s ease-out 0.15s;}
span#daysleft, span#userProfileName { background-color:#f6f6f6; border-radius:3px; color:#2d3333; float:left; font-size:18px; padding:14px; text-align:center; width:100%; }

input#updateBtn, input#updateBtn1, input#updateBtn2 { background-color:#0c8eea; border-radius:4px; color:#fff; cursor:pointer; text-transform:uppercase; float:left; padding:20px; text-align:center; width:100px; transition:all 0.15s ease-out 0.15s; width:200px; }
input#updateBtn:hover, input#updateBtn1:hover, input#updateBtn2:hover { background-color:#0881d7; transition:all 0.15s ease-out 0.15s;}

.profile50 { float:left; width:50%; }
.profile50 input#updateBtn1 { float:right; padding:20px; width:90%; border:0; }
/* Profile Page - INNER PAGE */


/* Logged In Page - INNER PAGE */

.loggedinUserWrap { float:left; width:100%; }
.loggedinUserBlock { display:table; margin:0 0 50px 0; width:100%; float:left; }
.loggedinUserTR.loggedinUserHead { background-color:#0c8eea; color:#fff; text-transform:uppercase; font-size:16px; }
.loggedinUserTR.loggedinUserHead .loggedinUserTD { color:#fff; border:1px solid transparent; border-right:1px solid #fff; }
.loggedinUserTR.loggedinUserHead .loggedinUserTD:last-child { border-right:1px solid transparent;}
.loggedinUserTR { display:table-row; }
.loggedinUserTR:last-child .loggedinUserTD { border-bottom:1px solid #ccc; }
.loggedinUserTD { border-left:1px solid #ccc; border-top:1px solid #ccc; display:table-cell; padding:20px; text-align:center; color:#2d3333; vertical-align:middle; }
.loggedinUserTD:last-child { border-right:1px solid #ccc; }
.loggedinUserTDww { word-break: break-all; border-left:1px solid #ccc; border-top:1px solid #ccc; display:table-cell; padding:20px; text-align:center; color:#2d3333; vertical-align:middle; }
.loggedinUserTDww:last-child { border-right:1px solid #ccc; }


.inputAndBtn { border-bottom:1px solid #ccc; float:left; margin:10px 0; padding-bottom:10px; width:100%; }
.inputAndBtn input { border:1px solid rgba(188, 188, 188, 0.5); border-radius:4px; box-sizing:border-box; color:rgba(147, 147, 147, 0.9); float:left; font-family:"montserratlight"; font-size:14px; margin-bottom:10px; padding:15px; width:60%; }
.inputAndBtn > input[type="file"] { padding:9px; }
.inputAndBtn input.typeSubmit { float:right; }
.inputAndBtn input[type="submit"] { background-color:#0593f7; border:0; color:#fff; width:245px; cursor:pointer; transition:all 0.15s ease-out 0.15s; font-family:"montserratlight"; }
.inputAndBtn input[type="submit"]:hover { background-color:#0881d7; transition:all 0.15s ease-out 0.15s; }

.saveTo { display:table-cell; font-size:16px; text-transform:uppercase; vertical-align:middle; width:100px; }
.saveToOptions { display:table-cell; vertical-align:middle; width:auto; }
.saveToOptions label { float:left; margin-bottom:10px; width:100%; }
.saveToOptions > a { float:left; margin:10px 0; width:100%; color:#0c8eea; }
.td60 { width:70%; }
.td40 { width:30%; }

.inputAndBtn input.fullField, .fullField { width:100%; }
.inputAndBtn input.displayInlineBlock, .displayInlineBlock { float:none; display:inline-block; }
.note { background-color:#e5f4ff; border:1px solid #0593f7; border-radius:4px; color:#0593f7; float:left; padding:20px; text-align:center; width:100%; }
/* Logged In Page - INNER PAGE */


/* FAQ Page - INNER PAGE */
.faqUl { float:left; width:100%; }
.faqUl li { float:left; width:100%; margin-bottom:50px !important;  }
.faqUl li p { margin-bottom:0; }
/* FAQ Page - INNER PAGE */


.clearBtn input[type="submit"] { background-color:#0593f7; border:0; color:#fff; width:220px; padding:15px; border-radius:4px; cursor:pointer; transition:all 0.15s ease-out 0.15s; font-family:"montserratlight";  color:#fff; text-transform:uppercase; }
.clearBtn input[type="submit"]:hover { background-color:#0881d7; transition:all 0.15s ease-out 0.15s; }

a.fileName { color:#0593f7; }
a.fileName:hover { color:#0593f7; text-decoration:underline; }

.cloudLoginWrap { display:block; margin:0 auto; padding:20px; width:500px; }
.cloudLoginWrap input { border:1px solid rgba(188, 188, 188, 0.5); border-radius:4px; box-sizing:border-box; color:rgba(147, 147, 147, 0.9); float:left; font-family:"montserratlight"; font-size:14px; margin-bottom:30px; padding:20px; width:100%; }

.cloudLoginWrap input[type="submit"] { background-color:#0593f7; border:0; color:#fff; width:220px; padding:15px; border-radius:4px; cursor:pointer; transition:all 0.15s ease-out 0.15s; font-family:"montserratlight"; color:#fff; text-transform:uppercase; float:none; margin-bottom:20px; }
.cloudLoginWrap input[type="submit"]:hover { background-color:#0881d7; transition:all 0.15s ease-out 0.15s; }



/* Thank You Page - INNER PAGE */
.thankyouWrap { float:left; padding:80px 0; width:100%; }
.thankyouWrap h5 { font-size:26px; margin-bottom:50px; color:#a5a5a5; }
.thankyouWrap a { background-color:#0593f7; border:0; color:#fff; width:220px; padding:15px; border-radius:4px; cursor:pointer; transition:all 0.15s ease-out 0.15s; font-family:"montserratlight"; color:#fff; text-transform:uppercase; float:none; margin-bottom:20px; display:inline-block; }
.thankyouWrap a:hover { background-color:#0881d7; transition:all 0.15s ease-out 0.15s; }

/* Thank You Page - INNER PAGE */

.singleCloudWrap { float:left; padding:80px 0; width:100%; }
.singleCloudWrap h5 { font-size:26px; margin-bottom:50px; color:#a5a5a5; }
.singleCloudWrap ul#singleCloudUL li { border:1px dashed #ccc; display:inline-block; float:none; list-style:outside none none; padding:10px; width:70%; }
.singleCloudWrap ul#singleCloudUL li a { color:#0593f7; }




.selectPlanTitle { font-family: "montserratsemibold"; font-size: 22px; margin-bottom: 20px; text-transform: uppercase; color:#555; }

.nostretch {
   width: 210px!important;
   height: 80px!important;
}

.g-recaptcha {    width: 302px;  height: 67px;  margin: 10px;  }

.language-dropdown {
  display: inline-block; /* Keep it in line with other items */
  margin-left: 15px; /* Adjust spacing as needed */
}

.language-dropdown select {
  background-color: #f2f2f2; /* Match your site's background */
  color: #333; /* Text color */
  border: none; /* Remove default border */
  padding: 8px 12px; /* Adjust padding as needed */
  font-family: 'montserratregular'; /* Use your site's font */
  font-size: 12px;
  cursor: pointer; /* Show pointer on hover */
  text-transform:uppercase; 
}

.language-dropdown select:hover,
.language-dropdown select:focus {
  background-color: #ddd; /* Slightly darker background on hover/focus */
}

/* --- Style for Android Beta Call-to-Action Button in Header --- */
.android-beta-cta {
    display: inline-block; /* Allows padding and margins */
    background-color: #3DDC84; /* A bright, Android-like green */
    color: #ffffff;
    padding: 15px 30px;
    margin-top: 15px; /* Adds space above the button */
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    border-radius: 5px;
    transition: background-color 0.3s ease, transform 0.2s ease;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

.android-beta-cta:hover {
    background-color: #35bf72; /* A slightly darker green on hover */
    color: #fff;
    transform: translateY(-2px); /* A subtle lift effect on hover */
}

/* Style for the icon inside the button */
.android-beta-cta .fa-android {
    margin-right: 10px;
    font-size: 1.2em;
    vertical-align: -2px; /* Helps align the icon with the text */
}

/* --- Styles for Auto-Hiding Android Beta Banner --- */
.android-beta-banner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #3DDC84; /* Android green */
    color: #ffffff;
    padding: 15px 25px;
    margin-bottom: 30px; /* Space between banner and content */
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    font-family: 'Montserrat', sans-serif;
    overflow: hidden; /* Important for the hide animation */
    
    /* Animation properties */
    max-height: 100px; /* Initial height for animation */
    opacity: 1;
    transition: all 0.6s ease-in-out;
}

/* State when the banner is hidden */
.android-beta-banner.hidden {
    max-height: 0;
    opacity: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    border-width: 0;
}

.android-beta-banner p {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
}

.android-beta-banner a.promo-button {
    flex-shrink: 0; /* Prevents the button from shrinking on small screens */
    background-color: #ffffff;
    color: #27ae60; /* Darker green for text */
    padding: 8px 18px;
    margin-left: 20px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 700;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.android-beta-banner a.promo-button:hover {
    background-color: #f1f1f1;
}

.android-beta-banner .close-banner-btn {
    background: none;
    border: none;
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    line-height: 1;
    margin-left: 15px;
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

.android-beta-banner .close-banner-btn:hover {
    opacity: 1;
}