/* Start of link.css merge */
.bold{font-weight:700}.vmiddle{margin:5px 4px -15px 0}@font-face{font-family:Arvo;font-display:auto}.bt{border-top:1px solid #000}#city table{width:100%}.h2padding{font-family:erdana,helvetica,arial,sans-serif;color:#610b38;font-weight:400;background-color:#99e699;text-align:center;padding:20px;font-size:25px}.textshadow{color:#333;background:#fff;text-shadow:2px 2px 0 #fff,5px 4px 0 rgba(0,0,0,.15);color:#333;background:#fff}div.responsivediv{width:100%}.col-2 p,.col-3 p{margin-left:23px}.col-3{margin-bottom:10px;width:31%;float:left;margin-left:13px;box-shadow:0 3px 3px rgba(0,0,0,.1),0 1px 0 rgba(0,0,0,.1)}.col-2{margin-bottom:10px;width:48%;float:left;margin-left:13px;box-shadow:0 3px 3px rgba(0,0,0,.1),0 1px 0 rgba(0,0,0,.1)}.items{overflow:hidden}.items .item{float:left;width:25%;padding:7px;box-sizing:border-box}.concepts{background:url(/images/pointing-right.png) 10px 13px no-repeat;padding:13px 13px 13px 45px;border-left:7px solid #8bc34a;font-size:14px}.center{text-align:center}blockquote:after,blockquote:before{color:#ccc;font-size:4em;line-height:0}blockquote{font-family:Cambria,Georgia,serif;font-size:16px;background:#f9f9f9;border-left:5px solid #ccc;margin:1.5em 10px;line-height:1.7em;padding:1.5em 10px;quotes:"\201C""\201D""\2018""\2019"}blockquote:before{content:open-quote;margin-right:.2em;vertical-align:-.4em}blockquote:after{content:close-quote;margin-left:.2em;vertical-align:-.5em}table.borderless td,table.borderless th{border:none!important}.dp-about .close,.dp-about table{font-size:11px;font-family:Tahoma,Verdana,Arial,sans-serif!important}.dp-highlighter{width:inherit;overflow:hidden;margin:8px 0!important;padding-top:0}.dp-highlighter ol,.dp-highlighter ol li,.dp-highlighter ol li span{margin:0;padding:0;border:none}.dp-highlighter a,.dp-highlighter a:hover{background:0 0;border:none;padding:0;margin:0}.dp-highlighter .bar{padding-left:45px}.dp-highlighter.collapsed .bar,.dp-highlighter.nogutter .bar{padding-left:0}.dp-highlighter.nogutter ol,.dp-highlighter.nogutter ol li{list-style:none!important;margin-left:0!important}#upr ol,#upr ol ol,.footer-list,.homecontent ul,.homecontent2 ul{list-style:none}.dp-highlighter .columns div,.dp-highlighter ol li{padding:0 3px 0 10px!important}.dp-highlighter.nogutter .columns div,.dp-highlighter.nogutter ol li{border:0}.dp-highlighter .columns{color:gray;overflow:scroll;width:100%}.dp-highlighter .columns div{padding-bottom:5px}.dp-highlighter ol li span{color:#000;background-color:inherit}.dp-highlighter.collapsed ol{margin:0}.dp-highlighter.collapsed ol li{display:none}.dp-highlighter.printing{border:none}.dp-highlighter.printing .tools{display:none!important}.dp-highlighter.printing li{display:list-item!important}.dp-highlighter.nogutter .tools{border-left:0}.dp-about{background-color:#fff;color:#333;margin:0;padding:0}.dp-about table{width:100%;height:100%}.dp-about td{padding:10px;vertical-align:top}.dp-about .copy{border-bottom:1px solid #aca899;height:95%}.dp-about .title{color:red;background-color:inherit;font-weight:700}.dp-about .close,.dp-about .footer{background-color:#eceadb;color:#333}.dp-about .para{margin:0 0 4px}.dp-about .footer{border-top:1px solid #fff;text-align:right}#innerfooter div,#interview h2,#uh3,.homecontent,div#q h2,div.q h2{text-align:center}.dp-about .close{width:60px;height:22px}.dp-highlighter .comment,.dp-highlighter .comments{color:#008200;background-color:inherit}.dp-highlighter .string{color:#00f;background-color:inherit}.dp-highlighter .keyword{color:#069;font-weight:700;background-color:inherit}.dp-highlighter .preprocessor{color:#00f;background-color:inherit}a.training,a.training:link,a.training:visited{padding-left:30px;color:#00f;text-decoration:none}a.training:hover,a.under{text-decoration:underline}span.h1span{color:red}#container{width:100%;margin:0 auto;background-color:#f9f4f4;border-radius:5px;padding:0}span.nexttopiclink a{text-decoration:none}#upcominglink a:link,#upcominglink a:visited,#whatlearn td li a:hover,#youknow td li a:hover,span.nexttopiclink a:hover{text-decoration:underline}.nexttopictext{padding:15px;background-color:#4caf50;color:#fff;font-family:times new roman;font-size:16px;margin-right:10px;border-radius:4px 200px 200px 0;-moz-border-radius:4px 200px 200px 0;-webkit-border-radius:4px 200px 200px 0;border:0 solid #deadde}.nexttopicdiv{margin-top:30px}#h1,#left table,.h1{margin-top:5px}.firsthomecontent a{float:left}.firsthomecontent .homecontent .h3home{float:left;font:21px/1 times new roman;color:#000;background-color:#e0e0e0;padding:5px;text-align:center;-moz-box-shadow:10px 2px 5px #888;-webkit-box-shadow:10px 2px 5px #888;box-shadow:10px 2px 5px #888;margin:5px}.homecontent{border:1px solid #f7f1f1;margin:5px;font-size:14px;padding:15px;width:90px;height:90px;border-radius:2px;-webkit-box-shadow:-2px 10px 22px -16px rgba(0,0,0,.75);-moz-box-shadow:-2px 10px 22px -16px rgba(0,0,0,.75);box-shadow:-2px 10px 22px -16px rgba(0,0,0,.75)}.homecontent:hover{-webkit-box-shadow:-2px 15px 22px -16px rgba(0,0,0,.75);-moz-box-shadow:-2px 15px 22px -16px rgba(0,0,0,.75);box-shadow:-2px 15px 22px -16px rgba(0,0,0,.75)}.homecontent2,div.questions,div.tutorials{-webkit-box-shadow:10px 10px 5px #888}.homecontent ul li span{margin-left:0}.homecontent ul li a{color:red;background:url(images/logo/icon_bullet.png) 0 3px no-repeat;margin-left:-30px;padding-left:25px}.homecontent a:hover{color:green;text-decoration:none}.homecontent2{box-shadow:10px 10px 10px #888;height:400px;float:left;background-color:#fff;border:1px solid pink;margin-right:10px;margin-left:5px;padding:10px;width:250px}.homecontent2 ul li span{margin-left:0}.homecontent2 ul li a{color:red;background:url(images/logo/icon_bullet.png) 0 3px no-repeat;margin-left:-30px;padding-left:25px}#r,.r{border:1px pink;background:url(images/note.png) 0 3px no-repeat}.homecontent2 a:hover{color:green;text-decoration:none}#h3ex,.h3ex{font:22px tahoma;color:#610b4b;font-weight:400}#h3,#r{color:green}#h4ex{font:19px/1 arial,sans-serif;color:#610b4b;font-style:italic}#filename,#r{font-style:italic}#r{font-size:15px;font-family:sans-serif;margin-left:10px;padding:5px 0 5px 35px}#filename{font-size:14px}.h4ex{font:19px/1 arial,sans-serif;color:#610b4b;font-style:italic}.filename,.r{font-style:italic}#uplf,#upr,.r{margin-left:10px}#n,.n,.r{font-family:sans-serif}#n,#upr a,.n,.r{color:green}.r{font-size:15px;padding:5px 0 5px 35px}.filename{font-size:14px}#n,.n{padding:20px 15px 20px 40px;border:1px solid pink;border-left:3px solid orange;font-size:15px;background:url(images/note.png) 4px 22px no-repeat;border-radius:3px}#upr,#uprf{background-color:#fff;float:right}#uh4,div.tutorials{background-image:url(images/topgreen.gif)}#inchapter{font:15px/1 times new roman;background-color:#ddffef;border:2px dashed #d4d4d4;margin:15px}#upr{border:1px solid pink;padding:0 1px 1px;width:40%;border-radius:5px}#uprf{font-style:italic;margin:10px;padding:10px}#uplf{float:right;width:500px}#upr a{font:15px/1 times new roman}#upl{float:right;width:370px}#upr ol{padding:0}#upr ol ol{padding:0 0 0 5px;margin:0}#upr ul{padding:0 5px 0 2em}#upr li{background:url(images/r.jpg) 0 3px no-repeat;padding:0 12px;line-height:.2em}#upr li li{padding:3px 10px 0}#upr ul li{padding:0 5px 0 0}div#q,div.q{font-family:sans-serif;padding:.1em 0 .1em .1em;color:#fff}#interviewcategory a{font-weight:700;margin-left:40px}div#q{font-style:italic;background-color:#6b6}div.q{background-color:#00bf9a}div#q h2,div.q h2{color:#fff;font-size:18px;padding:0 20px}#updates a{color:#556b2f;font-weight:700}#upcominglink p{color:#000}#upcominglink a:link{font:14px/20px tahoma;font-weight:400;color:#00f;margin:0}#upcominglink a:active,#upcominglink a:hover{font:14px/20px tahoma;text-decoration:none;font-weight:400;color:#00f}#upcominglink a:visited{font:14px/20px tahoma;font-weight:400;color:#00f}#uh3,#uh4{font:20px/1 times new roman;color:#fff}#updates a:hover{color:#556b2f;text-decoration:none}div.tutorials{margin-left:30px;float:left;width:100px;height:100px;box-shadow:5px 10px 5px #888}div.questions,div.updates{margin-left:30px;float:left;height:500px}div.questions{width:250px;box-shadow:0 10px 5px #888}div.updates{width:300px;background-color:#fff0f0;-webkit-box-shadow:10px 10px 5px #888;box-shadow:0 10px 5px #888}#uh4{margin-left:10px}hr{background-color:#d4d4d4;color:#d4d4d4;height:1px;border:0;clear:both}.codeblock,.codeblock3{border:1px solid #d5ddc6}.codeblockanshu{border:1px solid #d5ddc6;padding:2px}#legendfont,.legendfont{font:20px/1.5 times new roman;color:#610b38;font-style:italic;font-family:sans-serif}#city .green,#interview a,#youknow td li a{color:green}#youknow td li a{font-size:13px;font-style:italic;font-family:sans-serif;font-weight:700;text-decoration:none}#whatlearn td li a{font:14px/1.5 times new roman;font-weight:700;color:green;text-decoration:none}#city td,#city ul{font:13px verdana,helvetica,arial,sans-serif}#whatlearn td li a:hover{color:#641}#city li{line-height:21px;color:#000;margin-top:4px}#city{font:13px/1.5 Verdana,Arial,Sans-Serif;color:#000;margin-left:0}#city td{color:#000;line-height:23px;margin-left:20px}#interview td{color:#000;font:13px verdana,helvetica,arial,sans-serif}#interview h2{color:#fff;font-size:20px}#interview h3{font-family:erdana,helvetica,arial,sans-serif;font-size:18px;color:#610b38}#interview a:hover{color:red;text-decoration:none}#download a,.download a{font:17px/1.5 tahoma;color:red}#leftmenu a:active,#leftmenu a:hover,#leftmenu a:link,#leftmenu a:visited{font:13px/1.5 Verdana;width:160px;margin-left:14px;margin-top:2px;background:url(images/arrowbullet.png) 0 4px no-repeat;padding-left:15px;float:left}#download a:hover{color:green;text-decoration:none}.download a:hover{color:green;text-decoration:none}#headerlink{color:#610b38;height:25px}#methods li{margin-top:6px}#leftmenu a:link,#leftmenu a:visited{color:#000;text-decoration:none}#leftmenu a:active,#leftmenu a:hover{color:green;text-decoration:underline}#leftmenu2 span{font-family:erdana,helvetica,arial,sans-serif;color:#610b38;padding-left:28px;font-weight:700;font-size:13px}.selected{color:#610b38}#leftmenu2 a:active,#leftmenu2 a:hover,#leftmenu2 a:link,#leftmenu2 a:visited{width:180px;margin-left:0;margin-top:5px;float:left;padding-left:0;color:#610b38;font-weight:700;text-decoration:none;background:url(images/logo/icon_bullet.png) 7px 3px no-repeat}#leftmenu2interview span{color:green;font:16px/1.5 times new roman;font-weight:700}#leftmenu2interview a:link,#leftmenu2interview a:visited{font:16px/1.5 times new roman;width:185px;margin-left:4px;margin-top:7px;float:left;color:green;text-decoration:underline}#leftmenu2interview a:erview a:hover{background-color:#fff0f3;text-decoration:none}#leftmenu2interview a:visited{font-weight:700}#leftmenu2interview a:active{font:16px/1.5 times new roman;width:185px;margin-left:4px;margin-top:7px;float:left;color:green;text-decoration:underline;font-weight:700}#next,.next{font:13px/1.5 Verdana;padding:2px 30px;background-color:#1abc9c;color:#fff;font-weight:700;text-decoration:none}#bottomnext a,#bottomnext a:hover{font:17px/1.5 times new roman;padding:6px 30px;color:#fff;text-decoration:none}#bottomnext a{background-color:#8bc34a;-moz-box-shadow:4px 4px 2px #d4d4d4;-webkit-box-shadow:4px 4px 2px #d4d4d4;box-shadow:4px 4px 2px #d4d4d4}#bottomnext a:hover{background-color:#4caf50;-moz-box-shadow:8px 6px 8px #d4d4d4;-webkit-box-shadow:8px 6px 8px #d4d4d4;box-shadow:8px 6px 8px #d4d4d4}#bottomnextup a{font:13px/1.5 times new roman;background-color:#8bc34a;float:right;padding:6px 25px;color:#fff;font-weight:700;text-decoration:none;margin-left:7px}#bottomnextup a:hover{font:13px/1.5 times new roman;background-color:#4caf50;padding:6px 25px;color:#fff;font-weight:700;text-decoration:none;margin-left:7px;-moz-box-shadow:6px 6px 4px #d4d4d4;-webkit-box-shadow:6px 6px 4px #d4d4d4;box-shadow:6px 6px 4px #d4d4d4}#interview123 a,.interview123 a{font:13px/1.5 Verdana;padding:8px 12px;color:green;margin-left:5px;font-weight:700;text-decoration:none;outline:pink double}#interview123 a:hover,.interview123 a:hover{background-color:#6b3;padding:8px 12px;color:#fff;margin-left:5px;text-decoration:none;outline:pink double}#interview123 a:hover{font:13px/1.5 Verdana;font-weight:700}.interview123 a:hover{font:13px/1.5 Verdana;font-weight:700}.selected123{background-color:pink}.codeblock pre{margin-left:10px;margin-top:5px;margin-bottom:5px}.codeblock3{width:100%;background:#f9fbf9;padding:0 0 0 5px;font-family:verdana}.codeblock2{margin:0 30px}.pagination123 a,.pagination123 a:hover{padding:3px 7px;margin-left:3px;text-decoration:none}.pagination123 a{font:13px/1.5 Verdana;border:1px solid pink;color:#0b8e75;font-weight:700}.pagination123 a:hover{font:13px/1.5 Verdana;background-color:#11a286;color:#fff;font-weight:700}.codeblock{width:100%;margin-bottom:8px;font-family:verdana;padding-left:0;border-left:4px solid #014780;-moz-box-shadow:6px 3px 8px #d4d4d4;-webkit-box-shadow:6px 3px 8px #d4d4d4;box-shadow:6px 3px 8px #d4d4d4}.codeblockanshu{width:100%;margin-bottom:8px;font-family:verdana;padding-left:0;border-left:4px solid #6b5;-moz-box-shadow:6px 3px 8px #d4d4d4;-webkit-box-shadow:6px 3px 8px #d4d4d4;box-shadow:6px 3px 8px #d4d4d4}.codeblockpostanswer{width:100%;font:13px verdana,helvetica,arial,sans-serif;line-height:23px;margin:10px 0 20px;padding:10px;border:1px solid #d5ddc6;-moz-box-shadow:8px 3px 10px #d4d4d4;-webkit-box-shadow:8px 3px 10px #d4d4d4;box-shadow:5px 3px 10px #d4d4d4}#followgoogle img{position:fixed}.ddsmoothmenu{font-size:13px;background-color:#4caf50;width:100%}.ddsmoothmenu ul{z-index:100;margin:0;padding:0;list-style-type:none}.ddsmoothmenu ul li{position:relative;display:inline;float:left;overflow:hidden}.ddsmoothmenu ul li a{display:block;background-color:#4caf50;color:#fff;font-size:15px;padding:.9em;text-decoration:none}.ddsmoothmenu ul li a.selected,.ddsmoothmenu ul li a:hover{background-color:#8bc34a}* html .ddsmoothmenu ul li a{display:inline-block}.ddsmoothmenu ul li a:link,.ddsmoothmenu ul li a:visited{color:#fff}.ddsmoothmenu ul li a:hover{text-decoration:none}.ddsmoothmenu ul li ul{position:absolute;left:0;display:none;visibility:hidden}.ddsmoothmenu ul li ul li{display:list-item;float:none}.ddsmoothmenu ul li ul li ul{top:0}.ddsmoothmenu ul li ul li a{font:400 11px verdana;width:155px;margin:0;border-top-width:0;padding:3px;top:0}* html .ddsmoothmenu{height:0}.downarrowclass{position:absolute;top:9px;right:5px}.rightarrowclass{position:absolute;top:6px;right:5px}.ddshadow{position:absolute;left:0;top:0;width:0;height:0;background:silver}.leftmenu a:active,.leftmenu a:hover,.leftmenu a:link,.leftmenu a:visited{width:100%;display:block;margin-left:14px;margin-top:2px;float:left;background:url(images/arrowbullet.png) 0 4px no-repeat;padding-left:15px}.toplevelshadow{opacity:.8}.leftmenu a:link,.leftmenu a:visited{font:12px verdana,helvetica,arial,sans-serif;line-height:21px;color:#000;text-decoration:none}.leftmenu a:active,.leftmenu a:hover{font:12px verdana,helvetica,arial,sans-serif;line-height:21px;color:green;text-decoration:underline}.leftmenu2 span{margin-left:5px;margin-top:5px;margin-bottom:2px;font-family:erdana,helvetica,arial,sans-serif;color:#610b38;padding-left:23px;font-weight:700;font-size:13px;width:100%;display:block;background:url(images/logo/icon_bullet.png) no-repeat}.leftmenu2 a:active,.leftmenu2 a:hover,.leftmenu2 a:link,.leftmenu2 a:visited{display:block;margin-left:0;margin-top:5px;padding-left:0;color:#610b38;width:100%;float:left}.leftmenu2 a:link{font-weight:700;text-decoration:none}.leftmenu2 a:hover{text-decoration:underline}.leftmenu2 a:active,.leftmenu2 a:visited{text-decoration:none;background:url(images/logo/icon_bullet.png) 7px 3px no-repeat}table.alt tr:nth-child(odd){background-color:#eff1eb}table.alt tr:nth-child(even){background-color:#fff}table.alt tr{display:table-row;vertical-align:inherit;border-color:inherit}table.alt,table.alt td{border:1px solid #c7ccbe;text-align:left}table.alt{display:table;border-collapse:collapse;border-spacing:0;width:100%}table.alt td{padding:8px;vertical-align:top}table.alt th{color:#000;background-color:#c7ccbe;font-size:17px;font-family:times new roman;padding:12px;vertical-align:top;text-align:left}fieldset{border:1px solid pink;border-radius:3px}#navfooter{clear:both;padding-bottom:6px;width:100px;height:200px;line-height:20px;padding-left:30px;color:#fff;background:#006d00;font-family:serif;box-shadow:inset 0 -40px 60px 0 #006d00;border-bottom:solid 1px #008ad0}#navfooter a,#navfooter a:HOVER{text-decoration:none;font-family:serif;color:#fff}#navfooter p{padding-bottom:5px;padding-top:5px}#upload table tr td input{width:200px;padding-left:5px;padding-right:5px;border-radius:5px}.quizbutton{background:#cc9;color:#000;text-decoration:none;border-radius:15px;padding:5px 20px;font-size:17px;font-family:serif;margin-left:10px}.navbar-search .search-query,.navbar-search-m .search-query{background:url(search-white.png) 10px 6px no-repeat #fff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;color:gray;font-weight:300;height:20px;padding:5px 30px}.navbar-search{position:relative;float:left;margin-top:0;margin-bottom:2px;margin-left:20px}.navbar-search .search-query{margin-bottom:2px;margin-top:-5px;width:100%;-webkit-border-radius:15px;-moz-border-radius:5px;border-radius:3px;border:1px solid #efebeb}.navbar-search-m{width:94%;position:relative;float:left;margin:0 5px 2px}.navbar-search-m .search-query{margin-bottom:2px;margin-top:5px;width:85%;margin-right:10px;-webkit-border-radius:15px;-moz-border-radius:5px;border-radius:3px;border:1px solid pink}.onlinetestcode{float:left;width:48%;border-radius:2px;height:530px;border:1px solid pink}.onlinetestresult{margin-top:-18px;float:left;width:48%;height:550px;margin-left:5px;border:1px solid pink;border-radius:2px}.onlinetestrunbutton{margin-right:20px;margin-left:50px;background-color:#6b5;color:#fff;padding:15px;border:1px solid #6b5}.onlinetestrunbutton:hover{background-color:#5ba74c}#innerfooter{color:#fff;padding-top:5px}#innerfooter div{float:left;border-left:2px solid #fff;padding-left:5px;padding-right:5px;min-height:360px}#innerfooter div ul li{font-size:12px}#innerfooter div ul li a:HOVER{text-decoration:none;font-family:serif;color:#fff}.footer-list{margin-left:-40px;text-align:left}.box2,.footer2{text-align:center}.quizsection{float:left;margin:10px;width:250px;border:2px solid pink;padding:20px;border-radius:20px}.quizsectionh2{background-color:pink;color:#610b38;padding-left:10px}div.homepagelinks a{font-weight:600;font-size:18px;font-family:times new roman}div.homepagelinks a:hover{font-size:18px;font-weight:600;text-decoration:none}.subbutton{background-color:#0b66bf;font-size:14px;color:#fff;padding:15px;border:0 solid red;border-radius:2px;margin-right:10px}.subbutton:hover{background-color:#0555a2}.vinform textarea{font-size:15px;line-height:28px;padding:10px}.javacodeoutput{white-space:pre;background-color:#f8f8f5;font:13px verdana,helvetica,arial,sans-serif;line-height:23px;margin-top:20px;padding:10px}.testit a,.testit a:hover{padding:10px 30px;color:#fff;text-decoration:none;border-radius:2px}.testit a{font:13px/1.5 Verdana;font-weight:700;background:url(/images/testnow.png) 5px 5px no-repeat #8bc34a}.testit a:hover{font:13px/1.5 Verdana;font-weight:700;background:url(/images/testnow.png) 5px 5px no-repeat #4caf50}span.homespan{font:21px times new roman;padding:5px;float:right}div.apphome a{color:red}div.apphome{width:100%;border:1px solid pink;color:#000;padding:5px}#menu,#menu2{width:18%;margin-top:5px;float:left}.gra1{border:1px solid #fff;border-radius:2px}.gra1footer{border:1px solid pink;border-radius:2px}.upperhr{background-color:orange;color:#696;height:2px;border:0;clear:both;margin:5px}#menu{overflow-x:hidden}#menu2{border-right:1px solid #f3f3f3;border-right-style:solid}.headermobile{display:none;background-color:green}h2.spanh2{margin:0;padding:0}span.spanh2{color:#df3a01;line-height:0;font:15px verdana,helvetica,arial,sans-serif;display:inline}.inputtext{border:1px solid pink;border-radius:5px;padding:8px;width:90%}img{max-width:100%;height:auto}img.imageborder{border:1px solid pink;padding:20px}div.onlycontent{margin-left:10px;margin-top:15px;margin-right:4px;width:65%;float:left;padding:10px 15px 10px 15px;background-color:#fff}#right{width:15%;float:left;margin-left:4px;margin-top:10px}.mobilemenu button{background-color:#6b5;color:#fff;width:100%;padding:5px;font-weight:700;background:-webkit-linear-gradient(#6b5,green);background:-o-linear-gradient(#6b5,green);background:-moz-linear-gradient(#6b5,green);background:linear-gradient(#6b5,green)}#righthome{width:30%;float:left;margin-left:20px;margin-top:0}div.authorview{float:left;background-color:#4caf50;color:#fff;padding:40px;width:fit-content}div.tablediv{overflow-x:auto}@media screen and (max-width:360px){.col-3{width:100%;float:none}.col-2{width:100%;float:none}.onlycontentad{display:none}.authorview{width:75%}#righthome{width:100%}#city td{font:15px verdana,helvetica,arial,sans-serif;line-height:29px}#city ul{font:15px verdana,helvetica,arial,sans-serif}#city li{line-height:29px}.codeblock{font-family:verdana;padding-left:0;border:1px solid #d5ddc6;border-left:4px solid #6b5;-moz-box-shadow:0 0 0 #d4d4d4;-webkit-box-shadow:0 0 0 #d4d4d4;box-shadow:0 0 0 #d4d4d4}#menu,#upr,.right1024{display:none}.headermobile{display:inline}#bottomnextup,#footer,.footerad1024,.header,.headerad,.nexttopicdiv,.nexttopiclink,.nexttopictext{display:none}#right{width:fit-content}.onlycontent{width:fit-content}#link{height:46px;font-weight:700;overflow:hidden}table.alt{width:330px;overflow:auto}.headermobilead{display:block}.headershortad{display:none}.onlinetestcode,.onlinetestresult{width:95%;margin-top:20px;height:300px}.codeblock,.codeblock3,.dp-highlighter{width:auto;font-size:14px}.video-responsive{overflow:hidden;padding-bottom:56.25%;position:relative;height:0}.video-responsive iframe{left:0;top:0;height:100%;width:100%;position:absolute}}@media screen and (min-width:360px) and (max-width:385px){.col-3{width:100%;float:none}.col-2{width:100%;float:none}.onlycontentad{display:none}.authorview{width:75%}#righthome{width:100%}#city td{font:15px verdana,helvetica,arial,sans-serif;line-height:29px}#city ul{font:15px verdana,helvetica,arial,sans-serif}#city li{line-height:29px}.codeblock{font-family:verdana;padding-left:0;border:1px solid #d5ddc6;border-left:4px solid #6b5;-moz-box-shadow:0 0 0 #d4d4d4;-webkit-box-shadow:0 0 0 #d4d4d4;box-shadow:0 0 0 #d4d4d4}#menu,#upr,.right1024{display:none}.headermobile{display:inline}#bottomnextup,#footer,.footerad1024,.header,.headerad,.nexttopicdiv,.nexttopiclink,.nexttopictext{display:none}#right{width:fit-content}.onlycontent{width:fit-content}#link{height:46px;font-weight:700;overflow:hidden}table.alt{width:100%;max-width:340px;overflow:auto}.headermobilead{display:block}.headershortad{display:none}.onlinetestcode,.onlinetestresult{width:95%;margin-top:20px;height:300px}.codeblock,.codeblock3,.dp-highlighter{width:100%;font-size:14px}.video-responsive{overflow:hidden;padding-bottom:56.25%;position:relative;height:0}.video-responsive iframe{left:0;top:0;height:100%;width:100%;position:absolute}}@media screen and (min-width:385px) and (max-width:412px){.col-3{width:100%;float:none}.col-2{width:100%;float:none}.onlycontentad{display:none}.authorview{width:75%}#righthome{width:100%}#city td{font:15px verdana,helvetica,arial,sans-serif;line-height:29px}#city ul{font:15px verdana,helvetica,arial,sans-serif}#city li{line-height:29px}.codeblock{font-family:verdana;padding-left:0;border:1px solid #d5ddc6;border-left:4px solid #6b5;-moz-box-shadow:0 0 0 #d4d4d4;-webkit-box-shadow:0 0 0 #d4d4d4;box-shadow:0 0 0 #d4d4d4}#menu,#upr,.right1024{display:none}.headermobile{display:inline}#bottomnextup,#footer,.footerad1024,.header,.headerad,.nexttopicdiv,.nexttopiclink,.nexttopictext{display:none}#right{width:fit-content}.onlycontent{width:fit-content}#link{height:46px;font-weight:700;overflow:hidden}table.alt{width:100%;max-width:380px;overflow:auto}.headermobilead{display:block}.headershortad{display:none}.onlinetestcode,.onlinetestresult{width:95%;margin-top:20px;height:300px}.codeblock,.codeblock3,.dp-highlighter{width:375px;overflow:auto;font-size:14px}.video-responsive{overflow:hidden;padding-bottom:56.25%;position:relative;height:0}.video-responsive iframe{left:0;top:0;height:100%;width:100%;position:absolute}img.imageright{float:none;margin-left:5px}#n,.n{width:100%;max-width:380px}}@media screen and (min-width:412px) and (max-width:768px){.col-3{width:100%;float:none}.onlycontentad{display:none}#city td{text-align:justify}#righthome{width:100%}.dp-highlighter{width:600px}#menu,#upr,.right1024{display:none}.headermobile{display:inline}#bottomnextup,#footer,#right,.footerad1024,.header,.headerad,.nexttopicdiv,.nexttopiclink,.nexttopictext{display:none}div.onlycontent{width:fit-content}#link{height:46px;overflow:hidden}table .alt{width:100%;max-width:412px;overflow:auto}.headermobilead{display:block}.headershortad{display:none}.onlinetestcode,.onlinetestresult{width:95%;margin-top:20px}img.imageright{float:none;margin-left:5px}#n,.n{width:100%;max-width:380px}}@media screen and (min-width:768px) and (max-width:980px){#right,.footerad1024,.headerad,.headermobilead,.mobilemenu,.right1024{display:none}#menu{width:23%}#link{height:44px;overflow:hidden}.alt{width:100%}img.imageright{margin-left:20px;float:right}}@media screen and (min-width:980px) and (max-width:1025px){#menu{width:20%}#right,.headermobilead,.headershortad,.mobilemenu{display:none}#link{height:46px;overflow:hidden}.alt{width:100%}img.imageright{margin-left:20px;float:right}}@media screen and (min-width:1025px) and (max-width:2200px){.dp-highlighter{width:760px}#menu{width:16%}#link{height:46px;overflow:hidden}.footerad1024,.headermobilead,.headershortad,.mobilemenu,.right1024{display:none}.alt{width:100%}img.imageright{margin-left:20px;float:right}}@media print{#bottomnextup,#footer,#link,#menu,#right,#upr,.header,.headerad,.nexttopicdiv,.nexttopiclink,.nexttopictext{display:none}*{text-shadow:none!important;color:#000!important;background:0 0!important;box-shadow:none!important}img,tr{page-break-inside:avoid}img{max-width:100%!important}.onlycontent{width:100%}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.homebox,.homeboxfooter{background-image:linear-gradient(145deg,#7379ff,#b524ef)}.box1{width:50%}.classhierarchy{margin:10px;border:1px solid pink;padding:5px;float:right}.homebox,.homebox2,.homeboxfooter{margin:0;color:#fff;clear:both}table.tablefull{width:100%;border:0}ul,ul.points{list-style:square;line-height:150%}ul.pointsa{list-style:square}ol.points li,ul.points li{padding:.2em}.cm_jtp_wtc_responsive{width:320px;height:100px}@media(min-width:300px){.cm_jtp_wtc_responsive{width:300px;height:250px}}@media(min-width:480px){.cm_jtp_wtc_responsive{width:336px;height:280px}}@media(min-width:1030px){.cm_jtp_wtc_responsive{width:336px;height:280px}}.cm_jtp_leaderbaord{width:320px;height:100px}@media(min-width:300px){.cm_jtp_leaderbaord{width:320px;height:100px}}@media(min-width:480px){.cm_jtp_leaderbaord{width:468px;height:60px}}@media(min-width:750px){.cm_jtp_leaderbaord{width:728px;height:90px}}.javatpoint_sidebar{width:320px;height:100px}@media(min-width:300px){.javatpoint_sidebar{width:300px;height:250px}}@media(min-width:480px){.javatpoint_sidebar{width:160px;height:600px}}@media(min-width:750px){.javatpoint_sidebar{width:160px;height:600px}}ol.pointsa li{padding:.2em;list-style-type:lower-alpha}ol.pointsu li{padding:.2em;list-style-type:upper-alpha}.testanswer{display:none;border:1px solid pink;padding:15px}.workspace{background:url(/images/edit20.png) 14px 8px no-repeat;color:#000;padding:10px 40px;border-radius:3px;border:none;font-size:13px;font-weight:700;background-color:#f7eeee}button.showanswer{background:url(/images/eye-black.png) 8px 5px no-repeat;color:#000;padding:10px 40px;border-radius:3px;border:none;font-size:13px;font-weight:700;background-color:#f7eeee}button.hideanswer{background:url(/images/eye-close-black.png) 5px 5px no-repeat;color:#000;padding:10px 40px;border-radius:3px;border:none;font-size:13px;font-weight:700;background-color:#f7eeee}.workspacetextarea{width:100%;height:150px}p.pq{font-size:15px}.homeboxfooter{width:100%;min-height:200px}.homebox{width:100%;padding:20px}.homebox2{width:100%;background:linear-gradient(145deg,#f4a22b,#f34b6b);background-image:linear-gradient(145deg,#f4a22b,#f34b6b);padding-top:20px;padding-bottom:20px}.homeboxfootere a{font-size:18px}.homebox h1,.homebox2 h2{margin-left:20px;padding:0}.box2{border:2px solid #fff;background-color:#fff;width:100px;height:100px;float:left;padding:30px;margin:10px;-webkit-transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out}.footer1,.footer2{margin:0;color:#fff}.box2:hover{-moz-box-shadow:6px 3px 8px #d4d4d4;-webkit-box-shadow:6px 3px 8px #d4d4d4;box-shadow:6px 3px 8px #d4d4d4}.box2img{-webkit-transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out}.box2img:hover{-webkit-transform:rotate(360deg);transform:rotate(360deg)}@media screen and (max-width:401px){.homebox,.homebox2{height:auto;overflow:auto}.homebox{min-height:1000px}.homebox2{min-height:500px}}.footer1{background-color:#4caf50;padding:30px;height:300px}.footer1 h3{color:#fff;text-transform:uppercase}.footer1 .column3{width:32%;float:left}.footer1 .column4{width:24%;float:left}.footer1 a{color:#fff;line-height:25px;display:block}.footer2{clear:both;background-color:#3b753d;padding:20px}.footer2 a{color:#fff}#myBtn{display:none;position:fixed;bottom:2px;right:70px;z-index:99;border:none;outline:0;background-color:rgba(1,1,2,.36);color:#fff;cursor:pointer;padding:15px;font-size:16px;border-radius:10px}#myBtn:hover{background-color:#369966}b,strong{color:#000;font-style:times new roman}
/* End of link.css merge */

/* Start of css for Header (navbar & container) on all pages */
.navbarlinkstyle{
    color:white;
    margin-left: 5px;
    background-color: black;
}

.navbarlinkstyle:hover{
    color:white;
    background-color: transparent; }
       
.navbarmenu{padding: 0;}
        
.containermenu{
    max-width: none; }

 h2,h3,h4,h5,h6{
     color:rgb(0, 70, 128);
     font-family: "Roboto","Open Sans","Helvetica Neue",Arial,sans-serif;
 }
 
 h1{ font-size: 40px; }
 h2{ font-size: 30px; }
 h3{ font-size: 30px; }
 h4{ font-size: 25px; }
 h5{ font-size: 20px; }
 h6{ font-size: 15px; }
 
.navbar-expand-lg .navbar-nav .nav-item{
	padding: 0px 10px;
}

.navbar-expand-lg .navbar-nav .nav-link {
    font-size: 14px !important;
    font-weight: 400;
    color: #444;
    border-top: 2px solid transparent;
	padding: 0.25rem;
}

/* End of All header css */

/* For theme 2*/

.carousel-item{ height: auto; min-height:200px !important;     border: 1px solid #f5f3f3;}
.carousel-item img {
  max-height: 100vh; 
  object-fit: cover;
}
.home-box{
    border: 1px solid #f7f1f1;
    margin: 5px 5px 5px 0;
    font-size: 14px !important;
    text-align: center;
    border-radius: 2px
}

.home-box .home-tut1{
	margin: 14.75px;
}

.home-tut1 p{
	font-size:14px;
}
/* End */
.navbar-expand-lg .navbar-nav a:hover {
   border-top: 2px solid #555;transition-delay:0s;
}
 
.left-content{
	border-right: 1px solid #eaeaea;
}

.right-sidebar .card-header{
	display: block !important;
    background: none;
    border: 0;
}
 
/* End of css for navbar & container on all pages */


/* Start of css for elements on coursessidenav.php page (Sidebar) */
.leftBarList li { 
    line-height: 1.5;
    border-left: 3px solid rgb(1, 71, 128);
    margin-top: 5px;
    margin-left: -30px; 
    background-color: #fff;
    list-style: none;   
    white-space: nowrap;
 }
 .leftBarList li a{margin-left:4px;}
 
 .w3-button{margin-left: 16px;}
/* End of css for elements on coursessidenav.php page (Sidebar) */


/* Start of css for elements on index.php page */
body{
    padding-top: 5px;
/*    font-family: "Roboto","Open Sans","Helvetica Neue",Arial,sans-serif;*/
    background-color: #e9ecef;
}    
    
.gra1 {
    border: 1px solid #fff;
    border-radius: 2px; }

fieldset {
    display: block;
    margin-inline-start: 2px;
    margin-inline-end: 2px;
    padding-block-start: 0.35em;
    padding-inline-start: 0.75em;
    padding-inline-end: 0.75em;
    padding-block-end: 0.625em;
    min-inline-size: min-content; }
/* End of css for elements on index.php page */


/* Start of css for Latest Tutorials Section (Cards) on index.php page */
.pos-icon {
    position: relative;
    top: 2px;
    right: -10px; }
    
h2{
    font-style: normal;
    font-family: "Sofia Pro", "Roboto","Open Sans","Helvetica Neue",Arial,sans-serif !important;
    line-height: inherit !important; }
    
.bg-grey {
    background-color: rgb(250, 250, 250);
    padding-top: 50px;
    padding-bottom: 50px; }
    
.custom-width{
    margin: auto;
    width: 83%;
    padding-bottom: 50px;
    color: #333333; }
    
.wrapper-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    box-sizing: border-box;
    margin: 0 -15px;
    font-family: "Sofia Pro", "Roboto", "Open Sans", "Helvetica Neue", Arial, sans-serif; }
    
.flex-box {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    width: 100%;
    background-color: antiquewhite;
    box-sizing: border-box;
    padding-right: 15px;
    padding-left: 15px; }
    
.flex-box-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%; }
   
.flex-box-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%; }
    
.flex-box-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
    
.flex-box-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }
    
.flex-box-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%; }
    
.flex-box-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
   
.flex-box-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%; }
    
.flex-box-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%; }
   
.flex-box-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
   
.flex-box-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%; }
    
.flex-box-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%; }
    
.flex-box-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
    .flex-box-1, .flex-box-2,  .flex-box-3,  .flex-box-4,
    .flex-box-5, .flex-box-6,  .flex-box-7,  .flex-box-8,
    .flex-box-9, .flex-box-10, .flex-box-11, .flex-box-12 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px; }
   
.h-100 {
    height: 100%; }
    
.services-spacing {
    padding: 40px; }
    
.borer-l-8 {
    border-left: 8px solid rgb(1, 71, 128);
    display: block;
    flex-wrap: wrap;
    align-items: center;
    justify-content: start;
    align-content: center;
    padding: 12px 20px; }

.home-tut{
    border: 1px solid #f7f1f1;
    margin: 5px;
    font-size: 14px !important;
    padding: 10px;
    width: 100px;
    height: 100px;
    text-align: center;
    border-radius: 2px;
	box-shadow: -2px 10px 13px -12px rgba(0,0,0,.75);
}

.home-tut:hover{
	box-shadow: -2px 10px 13px -12px rgba(0,0,0,.75);
}

.home-tut p{
	font-size: 14px; padding: 5px 0px;
}

.box {
    background-color: #ffffff;
    box-shadow: 0px 4px 8px 3px rgba(0,0,0, 0.15);
    border-radius: 4px;
    overflow: hidden; }
    
.bottom-spacing {
    height: calc(100% - 30px); }
    
.box-style {
    padding-bottom: 50px;
    position: relative; }
    
.box-style-1 {
    position: relative;
    padding-top: 50px; }
    
.wrapper-flex .btn-default:hover, .wrapper-flex .btn-default:focus {
    background: #78be20;
    color: #fff;
    border-color: #78be20; }
   
.wrapper-flex .btn-default {
    background-color: #fff;
    border: 1px solid #007749;
    color: #007749;
    border-radius: 6px;
    font-size: 16px;
    font-style: normal;
    font-family: "Roboto", "Open Sans", "Helvetica Neue", Arial, sans-serif; }
    
.wrapper-flex .btn {
    position: absolute;
    bottom: 24px;
    width: 100%;
    margin: 0 auto; }
    
.img-full {
    background-position: center center;
    background-size: cover; }
    
.wrapper-flex h3 {
    color: rgb(0, 70, 128);
    margin-top: 0;
    margin-bottom: 20px; }
    
.wrapper-flex p {
    margin-bottom: 40px;
    font-size: 18px;
    font-weight: bolder; }
    
.btn-link {
    font-size: 16px;
    cursor: pointer; }
    
.one-height-diffrent{
    height: calc(100% - 235px); }
    
.globalPresence-link{
    margin: 45px 0;line-height: 20px;display: inline-block; }
    
@media only screen and (max-width: 991px) {
    .wrapper-flex { margin: 0 }
    .wrapper-flex .wrapper-flex { margin: 0 -15px; }
    .borer-l-8 { padding: 40px 30px; }
    .box-style-1 { padding-top: 0; }
    .one-height-diffrent { height: calc(100% - 97px); }
    .globalPresence-link{ margin:45px -10px; }
    }
   
@media only screen and (max-width: 767px) {
    .flex-box-1, .flex-box-2,  .flex-box-3,  .flex-box-4,
    .flex-box-5, .flex-box-6,  .flex-box-7,  .flex-box-8,
    .flex-box-9, .flex-box-10, .flex-box-11, .flex-box-12 {
    -ms-flex: 100%;
    flex: 0 0 100%;
    max-width: 100%; }
    
    .borer-l-8 {
    display: block;
    padding: 40px; }
    
    .img-full {
    min-height: 250px; }
    
    .wrapper-flex .btn {
    position: relative;
    bottom: auto; }
    
    .bottom-spacing {
    height: auto;
    margin-bottom: 30px; }
    
    .box-style {
    padding-bottom: 0; }
    
    .custom-width{
    width: 100%; }
    
    .intro-callout-container .cta-container .btn, .btn{
    font-size: 14px;
    margin: 0 !important; }
    
    .globalPresence-link {
    margin: 0 0 30px 0; }
    }
/* End of css for Latest Tutorials Cards on index.php page */


/* Start of css for statickeyword.php page */
a.activeMenuItem {
    background-color: #F00;
    font-weight: bold;
}

.buttons a:hover {
  
  cursor:pointer; 
  font-size: 20px;
}

#editor {  
    max-width: 100%;
    height: 100px;
}
#editor1 {  
    max-width: 100%;
    height: 200px;
}
#editor2 {  
    max-width: 550px;
    height: 200px;
}
#editor3 {  
    max-width: 550px;
    height: 200px;
}
#editor4 {  
    max-width: 550px;
    height: 200px;
}
/* End of css for statickeyword.php page */


/* Start of css for statickeyword1.php page */
.pretagcodebox{
             border-left: 4px solid rgb(1, 71, 128);  box-shadow: 0px 4px 8px 3px rgba(0,0,0, 0.15);
             background-color: transparent;
             font-size: 16px;
             font-weight: bold;
        }
        
.copycodebuttonstyle{
            background-color: rgb(1, 71, 128);
            border: none; color: white;
            font-size: 20px; cursor: pointer;
        }
/* End of css for statickeyword1.php page */


/* Start of css for footer.php page */
.footerlinks {color:white;}
    .footerlinks:hover{ color:yellow;}
    .icon {
	position:relative;
	text-align:center;
	width:0px;
	height:0px;
	padding:20px;
	border-top-right-radius: 	20px;
	border-top-left-radius: 	20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 	20px; 
	-moz-border-radius: 		20px 20px 20px 20px;
	-webkit-border-radius: 		20px 20px 20px 20px;
	-khtml-border-radius: 		20px 20px 20px 20px; 	
	color:#FFFFFF;
}
.icon i {
	font-size:20px;
	position:absolute;
	left:11.5px;
	top:10px;
}
.icon.social {
        display: inline-block;
	margin:0 5px 0 0;
	cursor:pointer;
	background: #f5f5f5;
	color:#262626;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 	
}
.icon.social.fb:hover {
	background:#3B5998;
	color:white;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-filter:	drop-shadow(0 1px 10px rgba(0,0,0,.8));
	-moz-filter: 	drop-shadow(0 1px 10px rgba(0,0,0,.8));
	-ms-filter: 		drop-shadow(0 1px 10px rgba(0,0,0,.8));
	-o-filter: 		drop-shadow(0 1px 10px rgba(0,0,0,.8));
	filter: 			drop-shadow(0 1px 10px rgba(0,0,0,.8));	 	
}
.icon.social.tw:hover {
	background:skyblue;
	color:white;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-filter:	drop-shadow(0 1px 10px rgba(0,0,0,.8));
	-moz-filter: 	drop-shadow(0 1px 10px rgba(0,0,0,.8));
	-ms-filter: 		drop-shadow(0 1px 10px rgba(0,0,0,.8));
	-o-filter: 		drop-shadow(0 1px 10px rgba(0,0,0,.8));
	filter: 			drop-shadow(0 1px 10px rgba(0,0,0,.8));	 	
}
.icon.social.in:hover {
	background:#3B5998;
	color:white;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-filter:	drop-shadow(0 1px 10px rgba(0,0,0,.8));
	-moz-filter: 	drop-shadow(0 1px 10px rgba(0,0,0,.8));
	-ms-filter: 		drop-shadow(0 1px 10px rgba(0,0,0,.8));
	-o-filter: 		drop-shadow(0 1px 10px rgba(0,0,0,.8));
	filter: 			drop-shadow(0 1px 10px rgba(0,0,0,.8));	 	
}
.icon.social.insta:hover {
	background: #f09433;
	background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
        background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
        background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
	color:white;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-filter:	drop-shadow(0 1px 10px rgba(0,0,0,.8));
	-moz-filter: 	drop-shadow(0 1px 10px rgba(0,0,0,.8));
	-ms-filter: 		drop-shadow(0 1px 10px rgba(0,0,0,.8));
	-o-filter: 		drop-shadow(0 1px 10px rgba(0,0,0,.8));
	filter: 			drop-shadow(0 1px 10px rgba(0,0,0,.8));	 	
}

.icon.social.yt:hover {
	background:red;
	color:white;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-filter:	drop-shadow(0 1px 10px rgba(0,0,0,.8));
	-moz-filter: 	drop-shadow(0 1px 10px rgba(0,0,0,.8));
	-ms-filter: 		drop-shadow(0 1px 10px rgba(0,0,0,.8));
	-o-filter: 		drop-shadow(0 1px 10px rgba(0,0,0,.8));
	filter: 			drop-shadow(0 1px 10px rgba(0,0,0,.8));	 	
}

/* End of css for footer.php page */


/* Start of css for elements on javapage.php page */
.col_half { width: 49%; }
   .col_third { width: 32%; }
   .col_fourth { width: 23.5%; }
   .col_fifth { width: 18.4%; }
   .col_sixth { width: 15%; }
   .col_three_fourth { width: 74.5%;}
   .col_twothird{ width: 66%;}
   .col_half,
   .col_third,
   .col_twothird,
   .col_fourth,
   .col_three_fourth,
   .col_fifth{
   position: relative;
   display:inline;
   display: inline-block;
   float: left;
   margin-right: 2%;
   margin-bottom: 20px;
   }
   .end { margin-right: 0 !important; }.col_half { width: 49%; }


   /*-=-=-=-=-=-=-=-=-=-=- */
   /* Flip Panel */
   /*-=-=-=-=-=-=-=-=-=-=- */
   .wrapper{ width: 980px; margin: 0 auto;  background-color: #bdd3de; hoverflow: hidden;}
   .panel {
   margin: 0 auto;
   position: relative;
   -webkit-perspective: 600px;
   -moz-perspective: 600px; height:200px;
   background:transparent !important;
   box-shadow:none !important;
   }
   .panel .front,
   .panel .back {
   text-align: center;
   width:auto;
   }
   .panel .front {
   height: inherit;
   position: absolute;
   top: 0;
   z-index: 900;
   text-align: center;
   -webkit-transform: rotateX(0deg) rotateY(0deg);
   -moz-transform: rotateX(0deg) rotateY(0deg);
   -webkit-transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -webkit-transition: all .4s ease-in-out;
   -moz-transition: all .4s ease-in-out;
   -ms-transition: all .4s ease-in-out;
   -o-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out;
   }
   .panel .back {
   height: inherit;
   position: absolute;
   top: 0;
   z-index: 1000;
   -webkit-transform: rotateY(-180deg);
   -moz-transform: rotateY(-180deg);
   -webkit-transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -webkit-transition: all .4s ease-in-out;
   -moz-transition: all .4s ease-in-out;
   -ms-transition: all .4s ease-in-out;
   -o-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out;
   }
   .panel.flip .front {
   z-index: 900;
   -webkit-transform: rotateY(180deg);
   -moz-transform: rotateY(180deg);
   }
   .panel.flip .back {
   z-index: 1000;
   -webkit-transform: rotateX(0deg) rotateY(0deg);
   -moz-transform: rotateX(0deg) rotateY(0deg);
   }
   .box1{
   background-color: transparent;
   width: 250px;
   height: 150px;
   margin: 0 auto;
   padding: 20px;
   border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border: 2px solid #fff !important;
   margin-bottom:20px;
   }
   .box1 p{color:#fff !important;}
   .box2{
   background-color: rgba(0,0,0, 0.35);
   width: 250px;
   height: 150px;
   margin: 0 auto;
   padding: 20px;
   border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   }
   .box2 h3, .box2 p{color:#fff !important; }
   .mblock{position:relative;}
   .flip-box-wrapper p, .flip-box-wrapper h3{margin-bottom:5px !important;}
   .readmoreButton{position:static;
   margin-top:10px;
   }
   
   @media screen and (max-width: 1024px){
   .box1, .box2 { width:235px; height:155px;}
   
   }
   @media screen and (max-width: 768px){
   .flip-box-wrapper{padding:20px 0;}
   .readmoreButton{margin-top:6%;}
   
   
   }
   @media screen and (max-width: 736px){
   .box1, .box2 { width:250px; height:160px;}
   .flip-box-wrapper{padding:20px 0;}}
   
   @media screen and (max-width: 480px){
   .flip-box-wrapper{padding:20px 0;}
   
   }
   @media screen and (max-width: 425px){
   .flip-box-wrapper{padding:20px 0;}
   .readmoreButton{margin-top:6%;}
   
   }
   @media screen and (max-width: 375px){
   .flip-box-wrapper{padding:20px 0;}
   .readmoreButton{margin-top:6%;}
  
   
   }
   @media screen and (max-width: 320px){
   .flip-box-wrapper{padding:20px 0;}
   }

   @media screen and (max-width: 375px){
   .readmoreButton {
    margin-top: 6%;
}
}

   .anchor-bottom {
    position: absolute;
    left: 0px;
    bottom: 30px;
    width: 100%;
    text-align: center;
}
@media (max-width: 480px) and (min-width: 320px){
.anchor-bottom {
   text-align: center; 
}
.readmoreButton .btn-default{
  background-color: #007749;
  background-image: none;
  text-shadow: none;
  margin: 0 10px;
  box-shadow: none;
  border: 1px solid #007749;
}
}
/* End of css for elements on javapage.php page */


/*Start of CSS for line height of ul tags on content pages like intro,statickeyword1.php, etc*/
ul ul.points .customlinewidth {line-height: 200%;}
/*End of CSS for line height of ul tags on content pages like intro,statickeyword1.php, etc*/

/* tutorial Page tabs*/


.tab .nav-tabs{
    border: none;
    margin-bottom: 0px;
}
.tab-content>.active {
    display: block;
    opacity: 1;
}
.tab .nav-tabs li a{
    padding: 10px 15px;
    margin-right: 15px;
    background: #f8333c;
    /*font-size: 12px;
    font-weight: 600;*/
    color: #fff;
    /*text-transform: uppercase;*/
    border: none;
    border-top: 3px solid #f8333c;
    border-bottom: 3px solid #f8333c;
    border-radius: 0;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease 0s;
}
.tab .nav-tabs li.active a,
.tab .nav-tabs li a:hover{
    border: none;
    border-top: 3px solid #f8333c;
    border-bottom: 3px solid #f8333c;
    background: #fff;
    color: #f8333c;
}
.tab .nav-tabs li a:before{
    content: "";
    border-top: 13px solid #f8333c;
    border-right: 13px solid transparent;
    border-bottom: 13px solid transparent;
    position: absolute;
    top: 0;
    /*left: -50%;*/
    transition: all 0.3s ease 0s;
}
.tab .nav-tabs li a:hover:before,
.tab .nav-tabs li.active a:before{ left: 0; }
.tab .nav-tabs li a:after{
    content: "";
    border-bottom: 15px solid #f8333c;
    border-left: 15px solid transparent;
    border-top: 15px solid transparent;
    position: absolute;
    bottom: 0;
    /*right: -50%;*/
    transition: all 0.3s ease 0s;
}
.tab .nav-tabs li a:hover:after,
.tab .nav-tabs li.active a:after{ right: 0; }
.tab .tab-content{
    /*padding: 20px 30px;*/
    border-top: 3px solid #384d48;
    border-bottom: 3px solid #384d48;
    /*font-size: 17px;
    color: #384d48;
    letter-spacing: 1px;*/
    line-height: 25px;
    position: relative;
}
.tab .tab-content:before{
    content: "";
    border-top: 25px solid #384d48;
    border-right: 25px solid transparent;
    border-bottom: 25px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
}
.tab .tab-content:after{
    content: "";
    border-bottom: 25px solid #384d48;
    border-left: 25px solid transparent;
    border-top: 25px solid transparent;
    position: absolute;
    bottom: 0;
    right: 0;
}
.tab .tab-content h3{
    font-size: 24px;
    margin-top: 0;
}
@media only screen and (max-width: 250px){
    .tab .nav-tabs li{
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }

}
@media only screen and (max-width: 450px){
	.card-body{
		padding: 0.25rem;
	}
}
.centerimage {
    display: block;
    margin-left: auto; 
    margin-right: auto;}
.tab .nav-tabs li {
	margin-bottom: 30px;
        font-size: 16px;
}

.tab-pane ul{ padding-left: 24px;}

/* End  tutorial Page tabs */


/* Start of Spring Page tabs */

.springheader {
  padding: 30px 30px 0;
  text-align: center;
}
.springheader__title {
  margin: 0;
/*  text-transform: uppercase;*/
  font-size: 2.5em;
  font-weight: 500;
  line-height: 1.1;
}
.springheader__subtitle {
  margin: 0;
  font-size: 1.5em;
  color: #949fb0;
  font-family: 'Yesteryear', cursive;
  font-weight: 500;
  line-height: 1.1;
}

.springcards {
  padding: 15px;
  display: flex;
  flex-flow: row wrap;
}

.springcard {
  margin: 15px;
  width: calc((100% / 3) - 30px);
  transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 991px) {
  .springcard {
    width: calc((100% / 2) - 30px);
  }
}
@media screen and (max-width: 767px) {
  .springcard {
    width: 100%;
  }
}
.springcard:hover .springcard__inner {
  background-color: #1abc9c;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.springcard__inner {
  width: 100%;
  padding: 30px;
  position: relative;
  cursor: pointer;
  background-color: #949fb0;
  color: #eceef1;
  font-size: 1.5em;
  /*text-transform: uppercase;*/
  text-align: center;
  transition: all 0.2s ease-in-out;
/*  border-radius: 10px;*/
  box-shadow: 5px 5px 5px grey;
}
.springcard__inner:after {
  transition: all 0.3s ease-in-out;
}
.springcard__inner .fa {
  width: 100%;
  margin-top: .25em;
}
.springcard__expander {
  transition: all 0.2s ease-in-out;
  background-color: #333a45;
  width: 100%;
  position: relative;
  display: flex;
/*  justify-content: center;
  align-items: center;*/
/*  text-transform: uppercase;*/
  color: #eceef1;
  font-size: 1.5em;
  box-shadow: 5px 5px 5px grey;
  border-radius: 10px;
}
.springcard__expander .fa {
  font-size: 0.75em;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.springcard__expander .fa:hover {
  opacity: 0.9;
}
.springcard.is-collapsed .springcard__inner:after {
  content: "";
  opacity: 0;
}
.springcard.is-collapsed .springcard__expander {
  max-height: 0;
  min-height: 0;
  overflow: hidden;
  margin-top: 0;
  opacity: 0;
}
.springcard.is-expanded .springcard__inner {
  background-color: #1abc9c;
}
.springcard.is-expanded .springcard__inner:after {
  content: "";
  opacity: 1;
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  bottom: -30px;
  left: calc(50% - 15px);
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #333a45;
}
.springcard.is-expanded .springcard__inner .fa:before {
  content: "\f115";
}
.springcard.is-expanded .springcard__expander {
  max-height: auto;
  min-height: 200px;
  overflow: visible;
  margin-top: 30px;
  opacity: 1;
}
.springcard.is-expanded:hover .springcard__inner {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.springcard.is-inactive .springcard__inner {
  pointer-events: none;
  opacity: 0.5;
}
.springcard.is-inactive:hover .springcard__inner {
  background-color: #949fb0;
  -webkit-transform: scale(1);
          transform: scale(1);
}

@media screen and (min-width: 992px) {
  .springcard:nth-of-type(3n+2) .springcard__expander {
    margin-left: calc(-100% - 30px);
  }

  .springcard:nth-of-type(3n+3) .springcard__expander {
    margin-left: calc(-200% - 60px);
  }

  .springcard:nth-of-type(3n+4) {
    clear: left;
  }

  .springcard__expander {
    width: calc(300% + 60px);
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .springcard:nth-of-type(2n+2) .springcard__expander {
    margin-left: calc(-100% - 30px);
  }

  .springcard:nth-of-type(2n+3) {
    clear: left;
  }

  .springcard__expander {
    width: calc(200% + 30px);
  }
}
.customimg{max-width: 20%;}

/* End of Spring Page tabs */

/* Start css of ul ol tags (margin-left reduction)*/
.marginleft-for-sub-ul-li-tags {margin-left: -20px;}
/* End css of ul ol tags (margin-left reduction)*/

/*\*** Priya Latest Changes*****/

@import url("https://p.typekit.net/p.css?s=1&k=usz0ztd&ht=tk&f=24547&a=6495120&app=typekit&e=css");

@font-face {
font-family:"Sofia Pro";
src:url("https://use.typekit.net/af/5855b2/00000000000000003b9b1a98/27/l?primer=81a69539b194230396845be9681d114557adfb35f4cccc679c164afb4aa47365&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/5855b2/00000000000000003b9b1a98/27/d?primer=81a69539b194230396845be9681d114557adfb35f4cccc679c164afb4aa47365&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/5855b2/00000000000000003b9b1a98/27/a?primer=81a69539b194230396845be9681d114557adfb35f4cccc679c164afb4aa47365&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;
}


body{
	font-family:'Sofia Pro',sans-serif; color: #333;
}
/*h2{color: #333;
    font-size: 34px;
    font-weight: 700;}*/
@media only screen and (max-width: 767px) {
.col-lg-6 {
    margin: 1px !important;
    padding: 10px !important;
}
.col-sm-2{ width :50%; }

.mt-5, .my-5{margin-top: 1rem!important;}
.mb-5, .my-5 {
    margin-bottom: 1rem!important;
}
.pb-5, .py-5 {
    padding-bottom: 0.5rem!important;
}
.pt-5, .py-5 {
    padding-top: 0.5rem!important;
}
.mob-margin-bottom{ margin-bottom:3rem !important;}
.col-sm-6,.col-lg-6{ text-align:center !important; float:none !important;}
.col-sm-6 ul{text-align:left !important; margin-right: 5px; margin-top: 0px !important;}
.footer-copyright ul,.col-lg-6 h1{text-align:center !important;}

.navbar-brand{ margin: 0 auto; padding-left: 25px;}
}
.navbar-expand-lg .navbar-nav .nav-link {
    font-size: 16px !important;
    font-weight: 400;
	color:  #333;
}
.img-container{
	width: 90px;
    height: 90px;
    border: solid 16px #FFFFFF;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
    margin-left: auto;
    margin-right: auto;
    background: white;
}
.text-blue{ color: #4b4bb9;}

.btn-blue{ display: inline-block;
    background: #ff0476;
    padding: 0 40px;
	    padding: 16px 32px;
    font-weight: 300;
	    min-width: 130px;
    color: #fff;
    font-family: "Sofia Pro",roboto,sans-serif;
    font-size: 16px;
    line-height: 17px;
    border-radius: 0;
    outline: none!important;
    box-shadow: none!important;
    text-align: center;
    border-radius: 40px;
    border: none;
	cursor:pointer;
    transition: all 300ms linear 0s; font-weight: 300;}
.btn-blue:hover{ background: #b70053 !important; color: #fff !important; transition: 0.1s ease background-color;}
.who-we-are li{padding: 10px 0px;}
.tutorial-image{    width: 165px;
    height: 165px;
    border: solid 14px #FFFFFF;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
    margin-left: auto;
    margin-right: auto;background: #f57575; display: flex;}
.bg-blue{
    background: #76bcf9;
}
.bg-orange{
    background: #fbb940;
}
.bg-green{
background: #6ae86a; }
.footer{    padding: 0;}
.icon{padding-right: 35px;padding-top: 15px; padding-left:0px; padding-bottom:0px;}
.icon:hover{ color: #ffb100 !important; }

.heading-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.3;
    color: #333;
}
.paragraph{   font-size: 16px;
    font-weight: 300;}
.colored-text{color: #00CC6F; font-size: 36px}
@media (max-width: 768px){
.heading-title {
    font-size: 32px !important;
} 
.colored-text{color: #595ad4 !important; font-size: 32px !important;}
}
.tab-content>.tab-pane{ display: block !important;}
.fade:not(.show){ opacity: 1 !important;}
/*** Priya Latest Changes End***/